html – 两个CSS类：哪一个胜利？

概述下面的标记将SAMPLE TEXT向左对齐. 对我来说,似乎应该与右对齐.与右对齐的类在向左对齐的类之后声明.而与右对齐的类甚至最后被引用.那么为什么班级与左派取得一致呢？ CSS .table { width: 100%;}.table td { text-align: left;}.cell { text-align: right;} HTML <table 下面的标记将SAMPLE TEXT向左对齐.

对我来说,似乎应该与右对齐.与右对齐的类在向左对齐的类之后声明.而与右对齐的类甚至最后被引用.那么为什么班级与左派取得一致呢？

CSS

.table {    wIDth: 100%;}.table td {    text-align: left;}.cell {    text-align: right;}

HTML

<table >    <tr>        <td >             SAMPLE TEXT        </td>    </tr></table>​

请看我的jsFiddle Example.

解决方法 .table td选择器具有更高的 specificity. CSS特殊性规则是一种奇怪的… ID比称重多于标签名称的重要名称.

简而言之,具体规则：

>对于每个标签名称,添加1.
>对于每个类名,添加10.
>对于每个ID,添加100.

较高的值将始终覆盖较低的值.在领带的情况下,加载的最后一条规则胜出.

总结

以上是内存溢出为你收集整理的html – 两个CSS类：哪一个胜利？全部内容，希望文章能够帮你解决html – 两个CSS类：哪一个胜利？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。