Css选择器的概念器:
Css页面上元素的“档案”,那么在管理这些元素的效果之前,必须先“找的到”这些元素。
选择器就是指“css找到元素的方法”
例如:#header{},这种情况就是以header为id的元素被选中,这种选择器叫id选择器。
- id选择器
- 就是,给页面上的元素起一个不重复的id,然后css,通过#id,就能控制该元素。这个概念称为css选择器。
- 类选择器
- 用法:页面里有<class="类名”>来声明类,css里,用 点 + 类名 来选择这一类的元素 例如 .className{}
- 标签选择器
- 因为html有很多标签,如hl,p,div,img,这样标签在页面里构成很多元素,css可以通过标签名来选定页面内标签对应的元素
- 比如:P{},会对页面里所有的P标签生效 Div{},img{},则会对页面里所有的div,img生效
- 群组选择器
- 例如 #header,.intro{} 意味着括号内的css同时对#header,.intro生效,用来简化代码
- 派生选择器(父子选择器)
- 通过元素的上下级关系来进行选择(像地区从大到小的选择一样) 比如:#header img{}(中间加空格) 和 #header ul{},则意味着分别选中#header元素下面的img元素和ul元素
- 通配选择器
- *{},通配页面上的所有元素
- 伪类选择器