css导数 |淘宝店铺导航条css代码

p + span {color: red;}
ul >li {font-weight: bold;}
a ~ i {text-decoration: none;}

第一个例子中使用的是“相邻兄弟选择器”，用于匹配紧接在某元素后面的同级元素。例如，上述代码中的样式表会将紧跟在段落元素后面的所有span元素的字体颜色设置为红色。

第二个例子中使用的是“子元素选择器”，用于匹配某元素的直接子元素。例如，上述代码中的样式表会将所有ul元素下的直接子元素li的字体加粗。

第三个例子中使用的是“通用兄弟选择器”，用于匹配某元素之后的所有同级元素。例如，上述代码会将所有跟在超链接后面的同级元素i的文本装饰取消。

除了这三种导数外，CSS中还有很多其他的导数，例如“属性选择器”、“伪类选择器”和“伪元素选择器”等。这些导数可以用于更精确的样式控制，使得网页的样式更加美观。