/* ID选择器 */ #myid { background-color: yellow; } /* 类选择器 */ .myclass { text-align: center; } /* 标签选择器 */ p { color: red; } /* 后代选择器 */ div p { font-size: 18px; } /* 子元素选择器 */ ul >li { color: blue; } /* 相邻兄弟选择器 */ h2 + p { font-size: 20px; } /* 通用选择器 */ * { margin: 0; padding: 0; }
ID选择器 (#id)
#myid { background-color: yellow; }
类选择器 (.class)
.myclass { text-align: center; }
标签选择器 (tagname)
p { color: red; }
后代选择器 (ancestor descendant)
div p { font-size: 18px; }
子元素选择器 (parent >child)
ul >li { color: blue; }
相邻兄弟选择器 (prev + next)
h2 + p { font-size: 20px; }
通用选择器 (*)
* { margin: 0; padding: 0; }
以上是一些比较常用的选择符,通过它们可以快速便捷地选中需要应用样式的元素或元素组,提高CSS书写的效率。