首页 > 其他分享 >元素样式及选择器

元素样式及选择器

时间:2023-02-13 13:44:05浏览次数:42  
标签:优先级 样式 元素 class 子集 选择器 等级

(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

相关文章