189 8069 5689
CSS选择器、优先级与匹配原理
成都网站建设哪家好，找成都创新互联公司！专注于网页设计、网站建设公司、微信开发、小程序开发、集团企业网站建设等服务项目。核心团队均拥有互联网行业多年经验，服务众多知名企业客户；涵盖的客户类型包括：成都三维植被网等众多领域，积累了大量丰富的经验，同时也获得了客户的一致称扬！
1.id 选择器（#myid）2.类选择器（.myclassname）3.标签选择器（div,h1,p）4.相邻选择器（h1+p）5.子选择器（ul li）6.后代选择器（li a）7.通配符选择器（*）8.属性选择器（a[rel="external"]）9.伪类选择器（a:hover,li:nth-child）
其中ID选择器的效率是最高，而伪类选择器的效率则是最低
CSS的权重
1. 通配选择符的权值 0,0,0,0
2. 标签的权值为 0,0,0,1
3. 类的权值为 0,0,1,0
4. 属性选择的权值为 0,0,1,0
5. 伪类选择的权值为 0,0,1,0
6. 伪对象选择的权值为 0,0,0,1
7. ID的权值为 0,1,0,0
8. important的权值为最高 1,0,0,0
使用规则： 选择器的权值加到一起，大的优先；如果权值相同，后定义的优先 。
从上面我们可以得出两个关键的因素：
1. 权值的大小跟选择器的类型和数量有关
2. 样式的优先级跟样式的定义顺序有关
①类选择器（Class） 使用类选择器可以在不同的标签上套用相同的样式。其定义语法为： .类名称{规则1；规则2；„} 在HTML中使用类选择器的语法为： ②ID选择器（ID） ID选择器和类选择器很相似，也是用来区别套用的样式。ID选择器的定义语法为： #ID标识符{规则1；规则2；…} 在HTML中使用ID选择器的语法为： ③上下文选择器（Contextual） 为HTML中的特定上下文定制的样式，其定义语法为： 标签1 标签2{规则1；规则2；„}
1、选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。
2、属性和属性值以“键值对“ 的形式出现。
3、属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。
4、属性和属性值之间用英文“:“连接。
5、多个“键值对”之间用英文“;”进行区分。可以用段落和表格的对齐的演示。
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
扩展资料：
CSS作为一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。
无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。
CSS选择器的类型分为3类:标记选择器、类别选择器和ID选择器。（可能名称有不同的说法，但意思都是一样的）
标记选择器是利用HTML的标记直接定义标记内容的样式，如：h1{
color:red;
font-size:25pt;}
类别选择器是通常说的class选择器，定义的时候要在名称前加.如：.one{
color:red;
font-size:25pt;}
ID选择器定义的时候要在前面加#，如：#box
{
color:red;
font-size:25pt;}
利用DW写CSS的时候，高级就是上面说的ID选择器，ID选择器的名字可以任意命名，可以自己定义，可是标签就只能是HTML语言里制定的那些标记，不能自己定义。
CSS选择器、优先级与匹配原理\x0d\x0a1.id 选择器（#myid）2.类选择器（.myclassname）3.标签选择器（div,h1,p）4.相邻选择器（h1+p）5.子选择器（ul 通配选择符的权值 0,0,0,0\x0d\x0a2.标签的权值为 0,0,0,1\x0d\x0a3.类的权值为 0,0,1,0\x0d\x0a4.属性选择的权值为 0,0,1,0\x0d\x0a5.伪类选择的权值为 0,0,1,0\x0d\x0a6.伪对象选择的权值为 0,0,0,1\x0d\x0a7.ID的权值为 0,1,0,0\x0d\x0a8.important的权值为最高 1,0,0,0\x0d\x0a使用规则： 选择器的权值加到一起，大的优先；如果权值相同，后定义的优先 。\x0d\x0a从上面我们可以得出两个关键的因素：\x0d\x0a1.权值的大小跟选择器的类型和数量有关\x0d\x0a2.样式的优先级跟样式的定义顺序有关