关于CSS中.fancy td 和td.fancy的区别

最新推荐文章于 2021-05-09 11:45:59 发布

转载最新推荐文章于 2021-05-09 11:45:59 发布 · 823 阅读

文章标签：

#CSS

CSS学习专栏收录该内容

2 篇文章

订阅专栏

本文解析了CSS中.fancytd与td.fancy两种选择器的区别，通过具体的HTML示例展示了这两种选择器的应用场景及其如何作用于表格单元格。

今天在W3C w3school学习CSS语法，碰到这样的问题。经过度娘的解释，并自己跑了一下，一切OK。

.fancy td {

color: #f60;
background: #666;
}
和
td.fancy {
color: #f60;
background: #666;
}

有何区别呢？谢谢！

.fancy td 
             class="fancy"下的 <TD> 启用的样式
eg:
        <table>
           <tr class="fancy"><td>（.fancy td有效果）</td></tr>
        </table>
-------------------------------------------------------
td.fancy
           <TD>下的 class="fancy" 启用的样式
eg:
        <table>
           <tr><td class="fancy">（td.fancy有效果）</td></tr>
        </table>