css 选择器 指定字符 |css中的模组

/* 选择所有包含指定字符的元素 */
* [class*="nav"] {
color: blue;
}
/* 选择以指定字符开头的元素 */
[class^="left"] {
border: 1px solid black;
}
/* 选择以指定字符结尾的元素 */
[class$="right"] {
border: 1px solid red;
}
/* 选择完全等于指定字符的元素 */
[class="header"] {
background-color: yellow;
}

在上面的代码中，大家使用了CSS选择器中的四种指定字符的技巧。首先，使用星号选择器可以选择所有包含指定字符的元素，并将其颜色设为蓝色。其次，使用以“left”开头和以“right”结尾的类，将其边框颜色分别设为黑色和红色。最后，使用完全等于“header”的类将其背景色设为黄色。

指定字符在CSS选择器中是一种非常常用的技巧。好的CSS选择器可以减少冗余代码并提高样式的效率。希望这篇文章能够帮助你更好地学习和应用CSS选择器中的指定字符技巧。