码迷,mamicode.com
首页 > 其他好文 > 详细

样式表的类别、选择器和优先级

时间:2017-11-29 23:34:10      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:空格   类别   精确   优先级   styles   样式表   没有   bsp   优先   

类别:

内联:写在标签里面,以style=”样式“,其控制精确,但是代码重用性差。

内嵌:嵌在页面的head里面,以<style type="text/css"></style>,其控制精度没有内联的高,但代码重用性相对较好。 

外部:其为单独的样式表,通过引入的方式加入head标签,<link href="test.css" rel="stylesheet" type="text/css">,控制性没有内联精确,但代码的重用性相对更好。

 

选择器:

样式表里用来选取元素的,

标签类:可以直接写标签名或根据标签名选中元素。

class类:以" . +命名符"的方式书写,根据class的命名来筛选。

id类:以" # +命名符"的方式书写,根据id的命名来筛选。

复合型:如逗号并列的(div,span)、空格后代的(ul li)和点筛选的(div.s)。

 

优先级:

id>class>标签名。

内联>内嵌和外部。

特例: 若属性中加入 ! important 可打破优先级。

样式表的类别、选择器和优先级

标签:空格   类别   精确   优先级   styles   样式表   没有   bsp   优先   

原文地址:http://www.cnblogs.com/Whitehat/p/7923108.html

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