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

下面的标记将SAMPLE TEXT向左对齐.

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

CSS

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

HTML

<table class="table">
    <tr>
        <td class="cell">
             SAMPLE TEXT
        </td>
    </tr>
</table>​

请看我的jsFiddle Example.

解决方法

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

简而言之,具体规则：

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

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

原文地址：https://www.jb51.cc/html/231239.html