css选择器总结

时间:2019-04-15
本文章向大家介绍css选择器总结,主要包括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元素

 

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

 

  • 伪类选择器

 

上一页 下一页

原文地址:http://www.manongjc.com/article/103099.html