css的选择器及它的种类特性?

今天主要说的是选择器的基础,

首先看,选择器的优先级:!important > 行间样式 > id选择器 > class 选择器 == 属性选择器 > 标签选择器 > 通配符

最基本选择器主要分为标签选择器,类选择器,ID选择器和通配选择器。

一、css的权重:在css中,哪个选择器的权重高,就走谁的样式

1.最高级别!important

2.行内式 1000

3.ID选择器 100

4.类选择器、伪类、属性选择器 10

5.元素选择器、伪元素 1

6.其它为0

他的种类又分为

二、Css选择器的种类

标签、权重是0001,

类class、权重是0010 相当于255个标签选择器

Id、权重是0100相当于255个类

*通配符、代表所有的标签 权重是0000

后代选择器、(.a p )累加0011.

子代选择器、(.a>p)权重是0011

交集选择器 (.a#as)

并集选择器:(.a,.b)

css选择器的两大特性

Css选择器的两大特性:1.   继承性-所有跟文本字体有关的属性都会被子元素继承,且权重为0000,

2.   层叠性—就是解决选择器权重冲突的一种能力,就是看那个选择器的权重大,谁的权重大听谁的,

猜你喜欢

转载自www.cnblogs.com/gaoyijing/p/gao--yi-jing.html
今日推荐