样式表的类别选择器和优先级
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 可打破优先级。
以上是关于样式表的类别选择器和优先级的主要内容,如果未能解决你的问题,请参考以下文章