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

类别:

内联:写在标签里面,以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 可打破优先级。

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