CSS样式中选择器是指一种用于选择HTML元素的方法。通过选择器,我们可以给特定的HTML元素应用样式和效果。CSS选择器的类型不止一种,下面就来介绍一下几种常见的选择器。
/* ID选择器 */ #elementID { color: red; } /* class选择器 */ .className { font-size: 16px; } /* 标签选择器 */ p { font-weight: bold; } /* 相邻兄弟选择器 */ h1 + p { color: blue; } /* 子元素选择器 */ ul >li { background-color: #ddd; } /* 后代元素选择器 */ div em { font-style: italic; }
首先是ID选择器,可以通过指定HTML元素的ID属性来选择这个元素。ID选择器使用“#”符号来标识。
接下来是class选择器,可以通过指定HTML元素的class属性来选择这个元素。class选择器使用“.”符号来标识。
标签选择器是最基本的选择器,可以通过指定HTML元素的标签名称来选择这个元素。
相邻兄弟选择器可以选择紧接在另一个元素后出现的元素。
子元素选择器可以选择指定元素的子元素。
后代元素选择器可以选择指定元素的后代元素。
这些选择器可以组合使用,以实现更具体的选择。
/* class选择器和标签选择器组合 */ p.className { color: green; } /* 子元素选择器和class选择器组合 */ .container >.item { padding: 20px; }
以上就是几种常见的CSS选择器,希望对你有所帮助。