css三大基础选择器使用场景

CSS中有三种基础选择器，它们是ID选择器、Class选择器和标签选择器，不仅可以单独出现，也可以联合使用，下面我们来看看它们三者的使用场景：

/* ID选择器 */
#idName{
    ...... /*样式代码*/
}

css三大基础选择器使用场景

1、ID选择器

如其名，ID选择器是通过元素的ID属性来选取对应的元素，ID属性是唯一的，所以ID选择器选中的元素也是唯一的。

应用场景：

一般情况下，ID选择器用来设置一些特定元素的样式，比如页面中的header、footer等具有唯一性的元素。

/* Class选择器 */
.className{
    ...... /*样式代码*/
}

2、Class选择器

Class选择器是通过元素的class属性来选取对应元素，一个元素可以有多个class属性，也可以有多个元素拥有相同的class属性。

应用场景：

Class选择器应用较为广泛，可以用来设置多个元素的样式，例如导航、文本、按钮等常见的元素。

/* 标签选择器 */
tagName{
    ...... /*样式代码*/
}

3、标签选择器

标签选择器是通过HTML标签来选取对应元素，它比较宽泛，所选中的元素可能不止一个。

应用场景：

一些公共元素，如H1、p、ul、li等，页面中会有多个相同标签的元素，标签选择器可以用来统一设置这些元素的共同样式。

以上就是CSS三种基础选择器的应用场景，当然，它们也可以搭配使用，参杂出更加多样化的选择器，这就涉及到CSS的高级选择器，大家有兴趣的可以去了解一下。