/* 元素选择器 */ p { color: red; } /* 类选择器 */ .my-class { font-size: 20px; } /* id选择器 */ #my-id { background-color: gray; } /* 子元素选择器 */ ul >li { list-style: none; } /* 相邻兄弟选择器 */ p + p { margin-top: 10px; } /* 属性选择器 */ input[type="text"] { width: 200px; } /* 伪类选择器 */ a:hover { background-color: yellow; } /* 伪元素选择器 */ p::before { content: "前缀文本"; }
以上是CSS3中常用的一些选择器,通过不同的选择器,大家可以精确地选择DOM元素并对其应用样式,有助于提高页面开发的效率和准确性。