【问题标题】:css for all tags of a class [closed]一个类的所有标签的css [关闭]
【发布时间】:2011-10-19 15:41:15
【问题描述】:

如何为某个类的表的所有 td 标签指定 css? 我试过这个:

.myclass td {padding: 1px;}

但它不起作用。 html是:

<table class="myclass"><tr><td>foo

【问题讨论】:

  • 我没有看到问题,它在这里工作:jsfiddle.net/QJTpb
  • CSS 和 HTML 完全没问题。你能具体说明不起作用是什么意思吗?
  • 那是 实际 HTML?那你还有另一个问题。
  • 我发现我有一些缓存问题,CSS 没有更新。所以我毕竟没有失去理智。

标签: html css


【解决方案1】:

您的示例应该有效。仔细检查:

  • 大小写(即:.myclass 与 .myClass 不同)
  • 样式对表格单元格有效

这是一个工作示例:http://pastehtml.com/view/b2oxzzdp4.html

【讨论】:

  • 由于指向 css 文档的链接,我似乎遇到了某种缓存问题。
【解决方案2】:

试试这个

.myclass tr td {padding: 1px;}

虽然它应该工作相同。

您可能需要添加超过1px 的填充才能看到差异。也许它正在起作用,而您看不到变化。

【讨论】:

  • 不必要的和矫枉过正
  • 我想我不应该使用填充:1px。我只是说一般来说,我不明白如何级联到子标签。因此,如果我有这样的标签设置: 我无法通过 .myclass ab 指定内部 b 的样式,但我必须使用 .myclass abcb?
  • 这与 .myclass td {padding: 1px;} 的效果相同
  • 这不是“矫枉过正”,它更具体,所以如果 OP 有其他样式 td 可能会起作用。老实说,这个问题没有意义,它已经可以工作了。
  • @myforwik。我不认为这是不必要的和矫枉过正的。这只是一个更具体的规则。有时这对于覆盖其他样式是必要的。无论如何,它 - 以及您发布的原件 - 应该适用于这种和其他样式更改。同样,您可能没有看到它,因为1px 很小。尝试使用此规则更改背景颜色,看看它是否正常工作。
【解决方案3】:
table.myclass td 
{
padding: 1px;
}

【讨论】:

    【解决方案4】:

    奇怪,我相信它应该有效。检查浏览器控制台是否有任何错误。
    并且您可以用于表格单元格填充table 属性cellpadding

    <table cellpadding="1">
    </table>
    

    【讨论】:

      【解决方案5】:

      您没有关闭标签。除此之外,它还有效。

      【讨论】:

        【解决方案6】:

        要回答您的实际问题,您可以为某个类的表的 &lt;td&gt; 标记指定 CSS,就像您在问题中所做的那样:

        .myclass td { /* whatever */ }
        

        CSS 是否是你想要的那是另一回事。

        如果您有其他共享该类的项目,并且您想确保它是一个专门的表格,您可以这样做:

        table.myclass td { /* whatever */ }
        

        【讨论】:

        • @myforkwik - 在您的示例中,在下面的答案中:&lt;a&gt;&lt;b&gt;&lt;c&gt;&lt;b&gt;&lt;/b&gt;&lt;/c&gt;&lt;/b&gt;&lt;/a&gt;, .myclass a b 将同时指代 &lt;b&gt;s - 如果您只想要内部 &lt;b&gt;,是的 - 您会必须做.myclass a b c b
        猜你喜欢
        • 2020-09-21
        • 1970-01-01
        • 1970-01-01
        • 2010-10-05
        • 2013-06-09
        • 1970-01-01
        • 2012-07-20
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多