[分享]css中常用的三种选择器

CSS选择器可以帮助我们精确地控制页面上的元素，实现不同的样式效果。在CSS中，常用的三种选择器包括标签选择器、类选择器和ID选择器。p { fontsize: 16px; } 标签选择器是最基础的选...

CSS选择器可以帮助我们精确地控制页面上的元素，实现不同的样式效果。在CSS中，常用的三种选择器包括标签选择器、类选择器和ID选择器。

p {
    font-size: 16px;
} 

标签选择器是最基础的选择器，它可以选择所有符合标签名的元素，并将样式应用于这些元素。比如，以上代码就是使用了标签选择器p来控制所有的段落元素的字体大小为16像素。

.className {
    color: red;
} 

类选择器可以通过给元素添加自定义的class属性来选择元素并应用样式。这样可以将不同的元素按照功能或者特点分类，并为其添加不同的样式。在CSS中，类选择器以“.”符号开头，后面跟上类名，例如上方代码中的“.className”。

#idName {
    background-color: blue;
} 

ID选择器是用来给页面上唯一的元素添加样式的选择器。在CSS中，ID选择器以“#”符号开头，后面跟上ID名称，例如上方代码中的“#idName”。虽然我们可以给所有元素都添加ID属性，但每个ID只能用在一个元素上，否则HTML语法就不合法了。

以上三种选择器通常会组合使用，以实现更精确的页面控制效果。此外，在CSS3中还有许多新的选择器，例如属性选择器、伪类选择器、伪元素选择器等等，可以更加灵活地对网页进行样式设计。