/* 判断元素的class */ .my-class { color: red; } /* 判断元素的标签名 */ h1 { color: blue; } /* 判断元素的id */ #my-id { color: green; } /* 判断元素是否是某个元素的后代 */ .parent .child { color: pink; } /* 判断元素是否是第一个或最后一个 */ li:first-child { color: purple; } li:last-child { color: orange; } /* 判断元素是否是奇数或偶数 */ tr:nth-child(odd) { background-color: #ccc; } tr:nth-child(even) { background-color: #eee; }
以上就是几种基本的判断写法,当然还有更复杂的判断方法,比如结合JavaScript代码实现动态样式等等。总之,了解这些基本判断写法能帮助大家更好地掌握CSS。