到底谁说了算?
CSS样式使用优先级判断
修正前,再次谢谢hax的指点。最正确的说法:http://www.w3.org/TR/CSS21/cascade.html#specificity 参见这里的相关内容,一下只是我个人偷懒的理解方式,只解决常规情况下的绝大部分问题。不是预期使用的样式,如何判断那个样式会最终起作用呢?到底谁说了算,可以依据下面几个原则:
CSS样式定义多了,常常出现显示效果与预期不一致的情况。其中很大一部分原因在于起作用的样式。
1。多个选择器可能会选择同一个元素,有3个规则,从上到下重要性降低:
!important的用户样式
!important的作者样式
作者样式
用户样式
浏览器定义的样式
2。CSS样式的特殊性权重——谁有分量,谁说了算。
CSS规范为不同类型的选择器定义了特殊性权重,特殊性权重越高,样式会被优先应用。
权重设定如下:
html选择器,权重为1;
类选择器,权重为10;
id选择器,权重为100;
这里还有一种情况:在html标签中直接使用style属性,这里的style属性的权重为1000;
即如下情况:
#x34y {color:red}
<. p id=x34y style="color:green"> 优先选择style=""设定的样式。
其他类型的,大家看看例子就明白了。
例子:
h1{color:blue} 权重为1
p em{color:yellow} 权重为2
.warning{color:red} 权重为10
p.note em.dark{color:grag} 权重为22
#main{color:black} 权重为100 这里还有一种情况:
权重一样时如何处理?权重一样时就另说了。看看下面的就明白了。
3。CSS样式的层叠原则——谁离我近,谁说了算。
当权重一样时,会采用“层叠原则” 后定义的会被应用。
如:p{color:yellow}
p{color:red}
作用到这里 <. p >我的什么颜色呢?< /p>
结果会是red的。
4。CSS样式的特殊标记——谁有特权,谁说了算。
如果有人看不顺眼,非得要自己说了算,那可以搞点特权,如下即可
p {color:blue !important;}
加上!important;可将自己权重设为最高。
如果你要问两个!important;设定的样式,那个样式说了算,我说你为什么不自己试试看看呢!
好了,谁说了算的问题就到这里了。欢迎大家拍砖。不要投新手贴就可以了。
分享到:
相关推荐
这样既能保证孩子对志愿的主导权,又能利用家长的经验和判断。 同时,家长的建议不可忽视,但不应盲目追求热门专业。北京印刷学院的邓漪老师指出,家长应当与孩子充分沟通,如果意见不合,可以寻求班主任或高招办...
第五课_谁说了算.ppt
五年级上册品德谁说了算∣教科PPT学习教案.pptx
五年级上册品德与社会集体的事谁说了算PPT课件.pptx
教科品德与社会五年级上册谁说了算PPT学习教案.pptx
人教品德与社会五上集体事谁说了算PPT学习教案.pptx
食品安全的重要性“食品安全纳入考核”关键是谁说了算.docx
五年级品德与社会上册集体的事谁说了算人教新课标PPT课件.pptx
五年级品德与社会上册集体的事谁说了算二人教新课标PPT课件.pptx
五年级品德与社会上册集体的事谁说了算5人教新课标版PPT课件.pptx
这个问题在“信息系统建设开发-谁说了算”中得到了深入探讨,特别是以烟台人力资源社会保障信息化建设为例。在这个案例中,烟台市劳动和社会保障信息中心起着核心作用,它负责全市的信息系统建设和管理,但在实际...
在IT领域,CPU(中央处理器)和GPU(图形处理器)都是至关重要的组件,它们各自承担着不同的计算任务。CPU作为计算机的大脑,负责处理复杂的逻辑运算和控制指令,是整个系统的指挥中心。GPU则专长于图形处理和并行...
- **第五问:究竟是谁说了算?** 确定关键决策者及其影响力,理解他们在不同阶段的决策角色。 - **第六问:客户到底想什么?** 分析客户的决策逻辑,确保提出的方案符合其价值取向。 3. **布局篇:应对关键人与...
车联网?可不一定是IT巨头说了算.pdf
5. 究竟是谁说了算?——明确决策链中的关键人物和决策过程。 6. 客户到底想什么?——理解客户的期望、疑虑和潜在动机。 7. 如何应对关键人?——制定策略来影响和争取关键人物的支持。 8. 如何有效用资源?——...
谁说了算_精美学习课件ppt
集体的事谁说了算_精美学习课件ppt
品德与社会五上《集体的事谁说了算》
**第五问:究竟是谁说了算?** 明确决策者身份,知道在关键时刻谁具有决定性影响,可以帮助销售人员集中精力,进行有针对性的沟通。 **第六问:客户到底想什么?** 深入了解客户的动机和期望,通过深入对话和洞察,...
ext+jsp分页---好不好,大家说了算。下载不扣分,回帖加1分,欢迎下载,童叟无欺。ext+jsp分页---好不好,大家说了算。下载不扣分,回帖加1分,欢迎下载,童叟无欺。ext+jsp分页---好不好,大家说了算。下载不扣分,...