css选择器总结

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元素

 

• 通配选择器
  • *{}，通配页面上的所有元素

 

• 伪类选择器