css选择器有5种,分别是:1. id选择器;2.类选择器;3.标签选择器;4.后代选择器,也称为包含选择器;5.子选择器,作用于子元素的第一个后代。
1. id选择器
#(哈希)符号加上id名称组成。但是单个文件中id值要保持唯一。一个element中只设置一个id。
可以为标有特定ID的HTML元素指定特定的样式。根据元素ID来选择元素,具有唯一性,这意味着同一id在同一文档页面中只能出现一次。
2.标签选择器
一个完整的HTML页面是由很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式。
采用相应的CSS样式,(在大环境中你可能出于不同的位置,但是不管怎么样,你总
是穿着同一套衣服,这件衣服就是由标签选择器事先给你限定好的,不管走到哪里
都是这身衣服)比如,在style.css文件中对p标签样式的声明如下:
p{
font-size:12px;
background:#900;
color:090;
}
复制代码则页面中所有p标签的背景都是#900(红色),文字大小均是12px,颜色为#090(绿色)
,这在后期维护中,如果想改变整个网站中p标签背景的颜色,只需要修改
background属性就可以了,就这么容易!
3.类选择器
class元素可以有多个值,中间用空格隔开。一个文件中,可以有多个相同的class值。
如果有很多个元素都会应用这个元素,那得一个个的定义元素,就会造成页面重复的代码太多,这种现象称为“多类症”,这时,定义一个类,把样式应用到所有的元素当中。
4.后代选择器
也称为包含选择器,用来选择特定元素或元素组的后代,将对父元素的选择放在前面,对子元素的选择放在后面,中间加一个空格分开,对于多层祖先后代关系,可以有多个空格加以分开。
5.子选择器
子选择器仅是指它的直接后代,或者你可以理解为作用于子元素的第一个后代。
要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。