/* ID选择器 */ #example { color: red; } /* 类选择器 */ .example { color: blue; } /* 元素选择器 */ p { font-size: 16px; } /* 后代选择器 */ nav ul li { margin: 0; } /* 相邻兄弟选择器 */ h2 + p { margin-top: 0; } /* 通用选择器 */ * { padding: 0; margin: 0; } /* 伪类选择器 */ a:hover { color: green; } /* 属性选择器 */ input[type="text"] { width: 100%; } /* 否定选择器 */ :not(p) { color: gray; }
以上选择元素的方法可以单独使用,也可以组合使用,以满足特定的需求。例如,如果大家想只选择某个div下的class为example的p元素,可以使用如下代码:
div.example p { color: purple; }
总之,CSS3提供了丰富的选择元素的方法,大家可以利用这些方法来实现网页美化。