(1)内联/行内样式:写在元素开始标签里面的方式
(2)内部样式:写在head里的style标签里,需要大括号包裹
class属性:可以重名
class命名规范:不能用中文,不能用特殊符号(除了_‐)不能用纯数字,不能以数字打头,不能用大写字母,不能有空格,要见名知意
id属性:不能重名
(3)外部样式
<link rel="stylesheet" href="1.css"/>
href后面跟的是路径
绝对路径:不需要参照物 http://www.baidu.com
相对路径:有参照物的,参照的是当前文件
(4)样式的优先级
!important>内联样式>内部样式(id>class>标签名)(后>前)
a b c d e
内部样式=外部样式
权值计算公式:
权值 = 第一等级选择器 x 个数,第二等级选择器 x 个数,第三等级选择器 x 个数,第四等级选择器 x 个数;
按a b c d e的顺序依次向下比较,当某一级等级数量不等时,等级数量更大的优先级更高
比如优先级分别为 1a 2b 1c 和 1a 2b 3c,前一个的优先级低于后一个
tag class id 选择器
子父级选择器:
父级 子集(包括子集的子集...)
父级>子集(只包含直接子集)
并列选择器:(可以多个使用)
标签:优先级,样式,元素,class,子集,选择器,等级
From: https://www.cnblogs.com/wan-cb/p/17116072.html