©️ OverlookArt
首页 / H5Webs / CSS 选择器

CSS 选择器

基础选择器

标签选择器

1/** css */
2p {
3  background-color: gray;
4  color: white;
5}
6/** html */
7<p>标签选择器</p>

标签选择器

类选择器

1.className {
2  background-color: teal;
3  color: white;
4}
5
6<p class="className">类选择器</p>

类选择器

ID选择器

1#idName {
2  background-color: navy;
3  color: white;
4}
5
6<p id="idName">ID选择器</p>

ID选择器

关系选择器

后代选择器

Note

由多个标签选择器组合而成,通过标签的父子级关系为标签应用样式

子代选择器

邻接兄弟选择器

通用兄弟选择器

通用选择器

相邻兄弟选择器

伪类选择器

伪元素选择器

选择器优先级