css选择器有哪几种

发布时间：2025-09-21 02:24:51 阅读量： 0 来源： 互联网转载

css选择器有5种，分别是：1. id选择器；2.类选择器；3.标签选择器；4.后代选择器，也称为包含选择器；5.子选择器，作用于子元素的第一个后代。

#(哈希)符号加上id名称组成。但是单个文件中id值要保持唯一。一个element中只设置一个id。

可以为标有特定ID的HTML元素指定特定的样式。根据元素ID来选择元素，具有唯一性，这意味着同一id在同一文档页面中只能出现一次。

一个完整的HTML页面是由很多不同的标签组成，而标签选择器，则是决定哪些标签采用相应的CSS样式。

采用相应的CSS样式，(在大环境中你可能出于不同的位置，但是不管怎么样，你总

是穿着同一套衣服，这件衣服就是由标签选择器事先给你限定好的，不管走到哪里

都是这身衣服)比如，在style.css文件中对p标签样式的声明如下：

font-size:12px;

background:#900;

color:090;

}

复制代码则页面中所有p标签的背景都是#900(红色)，文字大小均是12px，颜色为#090(绿色)

，这在后期维护中，如果想改变整个网站中p标签背景的颜色，只需要修改

background属性就可以了，就这么容易！

class元素可以有多个值，中间用空格隔开。一个文件中，可以有多个相同的class值。

如果有很多个元素都会应用这个元素，那得一个个的定义元素，就会造成页面重复的代码太多，这种现象称为“多类症”，这时，定义一个类，把样式应用到所有的元素当中。

也称为包含选择器，用来选择特定元素或元素组的后代，将对父元素的选择放在前面，对子元素的选择放在后面，中间加一个空格分开，对于多层祖先后代关系，可以有多个空格加以分开。

子选择器仅是指它的直接后代，或者你可以理解为作用于子元素的第一个后代。

要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

热门文章