码迷,mamicode.com
首页 > Web开发 > 详细

css选择器以及使用场景

时间:2017-10-09 17:37:48      阅读:392      评论:0      收藏:0      [点我收藏+]

标签:使用场景   布局   css   bsp   ext   类型   权重   over   div   

1.选择器以及使用场景

id选择器:#header{}

类选择器:.header{}

元素选择器:div{}

子选择器:ul > li{}

后代选择器:div p{}

伪类选择器:a:hover{}

属性选择器:input[type="text"]

id优先高于class;

2.权重怎么计算

4个等级的定义如下:

第一等:代表内联样式,如: style=””,权值为1000。

第二等:代表ID选择器,如:#content,权值为100。

第三等:代表类,伪类和属性选择器,如.content,权值为10。

第四等:代表类型选择器和伪元素选择器,如div p,权值为1。

3.css几种布局

 

 

  

css选择器以及使用场景

标签:使用场景   布局   css   bsp   ext   类型   权重   over   div   

原文地址:http://www.cnblogs.com/xingxuexue/p/7641852.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!