`

低权重原则——避免滥用子选择器

 
阅读更多

1.权重规则

1'.html标签的权重是1

2'.class的权重是10

3'.id的权重是100

*注:a.如果CSS选择符权重相同,那么样式会遵循就近原则,哪个选择符最后定义,就采用哪个选择符的样式。

 b.“就近原则”是指选择符定义的先后顺序,而不是挂class名的先后顺序,<span class="test test2">和<span class="test2 test">没有区别。


2.除非确定html结构非常稳定,一定不会再修改了,否则尽量不要使用子选择器。

 

3.为了保证样式容易被覆盖,提高可维护性,CSS选择符需保证权重尽可能低。

分享到:
评论

相关推荐

    编写高质量代码-Web前端开发修炼之道.azw3

    4.5 低权重原则——避免滥用子选择器 4.6 CSS sprite 4.7 CSS的常见问题 4.7.1 CSS的编码风格 4.7.2 id和class 4.7.3 CSS hack 4.7.4 解决超链接访问后hover样式不出现的问题 4.7.5 hasLayout 4.7.6 块级...

    CSS选择器权重计算及优先级

    - **通用选择器**(*)、**子选择器**(&gt;)和**相邻同胞选择器**(+)的权重为0,这意味着它们不会增加选择器的特殊性。 当两个或多个选择器对同一个元素定义样式,优先级遵循以下原则: - **特殊性更高的选择器...

    谈文学排行榜的评价指标与权重设置——以唐诗宋词为中心_王兆鹏.caj

    谈文学排行榜的评价指标与权重设置——以唐诗宋词为中心_王兆鹏.caj

    基于神经网络的非线性学术评价指标模拟权重研究——以因子分析评价为例.pdf

    "基于神经网络的非线性学术评价指标模拟权重研究——以因子分析评价为例" 本文研究基于神经网络的非线性学术评价指标模拟权重,以因子分析评价为例。该研究的目的是为了探讨非线性评价方法在学术评价中的应用,降低...

    选择器权重1

    理解选择器权重是解决CSS冲突的关键,开发者应尽量避免依赖`!important`来解决问题,而是通过更精确地选择器或者重新组织样式来解决冲突。正确地使用选择器权重,可以确保样式的一致性和可维护性,这对于大型项目的...

    CSS选择器的权重与优先规则1

    3. **通用选择器、子选择器和相邻同胞选择器** 这些选择器(如`*`、`&gt;`和`+`)不计入权重计算,因此它们的权重为0。 4. **实例解析** 在提供的示例中,有6个样式规则应用于`h2`元素。通过计算各个规则的特殊性,...

    css样式优先选择器

    这是因为它们在CSS中的权重不同,ID选择器权重为100,类选择器为10,标签选择器为1。在这个原则下,如果有冲突,ID选择器的样式会覆盖类选择器,类选择器会覆盖标签选择器。 2. 原则三:包含越具体越强大 这个原则...

    练习前端-CSS权重计算、复杂选择器、基础属性-day05

    同时,通配符选择器(`*`)、子选择器(`&gt;`)、相邻兄弟选择器(`+`)和一般同胞选择器(`~`)等没有特定权重,但它们后面连接的选择器会影响整体权重。 接下来,我们来看看复杂选择器。复杂选择器是通过组合基础...

    选择与判断——AHP(层次分析法)决策

    《选择与判断——AHP(层次分析法)决策》 在复杂的决策问题中,人们往往需要权衡多种因素,寻找最优解。这时,层次分析法(Analytic Hierarchy Process,简称AHP)作为一种有效的定性和定量相结合的决策方法,便...

    树使用css选择器优化代码(IE7+,firefox3,opera9,chrom下可用)

    CSS选择器分为多个级别,从基础的ID选择器(#id)、类选择器(.class)、元素选择器(element)到更复杂的后代选择器(element element)、子代选择器(element &gt; element)、属性选择器[element[attr]]、伪类选择器(:hover, :...

    CSS中选择器的权重值的计算

    5. **通用选择器、子选择器、相邻选择器等**(如`*`, `&gt;`, `+`):权重值为0000。 权重值的计算遵循以下规则: 1. **按位计算**:每个选择器类型对应一个位,从左到右分别为千位、百位、十位和个位。每个位上的数字...

    CSS选择器权重演示.mp4

    CSS选择器权重演示,实战编写CSS代码进行举例演示。

    论文研究-空间权重矩阵构造及经济空间引力效应分析——以欧债危机为背景的实证检验.pdf

    论文研究-空间权重矩阵构造及经济空间引力效应分析——以欧债危机为背景的实证检验.pdf, 空间计量经济学是当今计量经济学研究的热点领域, 空间权重矩阵一直是空间计量...

    总是在前面的选择器

    4. 通用选择器、子选择器(&gt;)、相邻兄弟选择器(+)、一般同胞选择器(~)等:0分 权重的计算是叠加的,而非相加。比如,一个ID选择器和两个类选择器的权重是100(ID)+ 20(类)= 120。 "总是在前面的选择器...

    deeplearning.ai第二门课——权重初始化

    在深度学习领域,权重初始化是构建神经网络模型时的一个关键步骤。权重初始化得当与否直接影响着模型的训练效率和最终的性能。deeplearning.ai的第二门课程《提升深层神经网络》深入探讨了这一主题,其中包含了编程...

    css选择器练习代码1

    - **子元素选择器**:`A &gt; B`,选择A元素的所有直接子元素B。 - **一般同胞选择器**:`A B`,选择所有A元素内的B元素,无论其位置关系。 3. **属性选择器** - `[attr]`:匹配具有指定属性的元素。 - `[attr=...

Global site tag (gtag.js) - Google Analytics