html – 两个CSS类:哪一个胜利?

前端之家收集整理的这篇文章主要介绍了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.

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

猜你在找的HTML相关文章