CSS教程:学习CSS的继承性
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-03-05
| ay;} 特性值为：1
应用举例代码： <h1 id="id316">深入探讨<em>CSS的继承性</em></h1> 这是因为第二条EM规则的特性值(1)要比被继承的特性值(0)要大，事实上规定h1#id316的原始特性值(101)对其继承值没有影响，仍旧为0。 小技巧： 如果想让H1始终为黑色，而EM文字在其他情况下红色，那么下面的样式表设置就是一个很好的方法： h1,h1 em { color:black;} 特性值为：1，2 em { color:red;} 特性值为：1 给定这个规则后，除在H1元素内的任何em文字就都是红色，而H1内的EM文字仍旧为黑色，由于其选择符分组，在第一条规则中就有两条有效的规则(一条是对h1的，另一条是对h1 em的)也就有两个特性值--每条规则一个。 上面我们讨论了多个样式规则同时应用于同一对象时，哪个规则会被最终应用的一些情况，可能有些细心的读者会说，那style元素呢？对啊，html代码中可以直接应用内联样式style的嘛。那么它的特性值如何呢？ 回答是这样的：带有style的元素在css1下其特性值为100，尽管类似于#id316这样的id选择符的特性值也为100，但在实际应用中，style这一权值会更高一些，因为style元素的值看起来要比多数普通规则的权值大。所以我们可以看出内联样式具有高的特性值，具体的例子我们就不举了，大家可以自己试试。 六、人为定义CSS继承优先级 在制作网页的过程中，我们可能想要设置某个规则比其他的规则更重要，CSS中允许这样设置，它们被称为重要规则(important rule)。这是根据其声明的方式和它们的自然属性来命名的。通过在一条规则的分号前插入!important这样一个短语来标记一条重要规则，比如说： p.apple { color:#red !important; background:white;} 颜色值#red被标记为!important，而背景色white未被标记，如果需要二条规则都是重要的话，那么每条规则都需要标上!important。 正确地放置!important的位置是很重要的，否则整条规则将为无效。!important总是放在规则声明的最后，在分号之前。 标记为!important的规则具有最高的权值，也就是说他没有具体的特性值，但是比其他的权值都要大。需要注意的是，虽然制作者定义的样式比用户定义的样式具有更高权值时，但!important规则恰恰相反：重要的用户定义规则要比制作者定义的样式具有更高权值，即使是标记为!important的重要规则也是如此。 看了这么多文字介绍后，我们来举个例子看一下： 样式定义： h1 { color:gray !important;} 应用举例代码： <h1 style="color:bla |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于CSS教程:学习CSS的继承性的所有评论
