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

Posted 桃花灬仙人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了样式表的类别选择器和优先级相关的知识,希望对你有一定的参考价值。

类别:

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

以上是关于样式表的类别选择器和优先级的主要内容,如果未能解决你的问题,请参考以下文章

零基础入门前端系列—基础选择器和字体属性

Web开发·期末不挂之第四章·CSS语法基础(CSS选择器&选择器优先级&各类样式表的使用方法)

刚刚接触样式表的时候应该注意的问题

CSS样式优先级及穿透

CSS选择器与优先级详解(一)

19、css样式的优先级