/* 例如,大家有以下HTML代码 */ <div class="box item1 item2">这是一个元素</div> /* 大家想选择 item2 这个类名,并进行样式调整 */ /* 可以使用以下CSS代码 */ .box.item2 { /* 样式代码 */ } /* 但如果大家想选择第二个类名 item1 呢? */ /* 可以使用以下CSS代码 */ .box[class*="item"]:nth-of-type(2) { /* 样式代码 */ }
在上述代码中,大家使用了属性选择器 `[class*=”item”]` 来选择所有包含字符串 “item” 的类名,然后再通过伪类 `:nth-of-type(2)` 选取第二个元素。这样就能精准地选择到 “item1” 这个类名。
需要注意的是,如果大家有多个含有 “item” 的类名,那么 `:nth-of-type(2)` 将会选中所有第二个具有该类名的元素,而不是只选中第一个。如果要精确选择某一个元素,请根据实际情况修改选择器。