/* ID选择器 */ #myElement { /* 在这里添加样式代码 */ } /* 类选择器 */ .myClass { /* 在这里添加样式代码 */ } /* 元素选择器 */ p { /* 在这里添加样式代码 */ } /* 后代选择器 */ body p { /* 在这里添加样式代码 */ } /* 子元素选择器 */ ul >li { /* 在这里添加样式代码 */ } /* 相邻兄弟选择器 */ h1 + p { /* 在这里添加样式代码 */ } /* 通用兄弟选择器 */ h1 ~ p { /* 在这里添加样式代码 */ }
以上是一些常用的CSS3选择器,它们都有着自己的独特功能和使用场景。利用这些选择器,大家可以在网页中对各种元素进行不同的样式化,从而达到丰富和美化网页的目的。