Question

我试图选择具有特定类的表的多个元素。这样做的正确方法是什么，因为我不相信我在下面的例子中做得对吗？我希望类.myTable的th和td都能应用指定的样式。

请记住，我可能想在其他地方做这样的事情，例如，所有带有.myDiv的div的p和跨度都有蓝色的背景颜色或类似的东西。所以不是特定于表格的解决方案。

.myTable th, td
{
    border: 1px;
    border-color: #D3D3D3;
    text-align: left;
    padding-left: 10px;
}

编辑：我道歉，因为我意识到这个问题并不清楚。在我的情况下，元素th和td是table的子级，其类为.myTable。在我的方案中，th和td元素没有直接应用于它们的任何类。

Answer 1

您需要这个（在.myTable之前添加td）：

.myTable th, .myTable td
{
    border: 1px;
    border-color: #D3D3D3;
    text-align: left;
    padding-left: 10px;
}

Answer 2

这是你在找什么？

th.myTable, td.myTable {
    border: 1px;
    border-color: #D3D3D3;
    text-align: left;
    padding-left: 10px;

}

Answer 3

你几乎拥有它。

.myTable th, .myTable td

您正在做的是选择.myTable中的所有标签以及页面上的所有td标签。

Answer 4

如果.myTable类是th和td的父级，则必须使用.myTable，.myTable td。如果那是对的，它应该有效。我也认为你应该阅读一些关于＆＃34;特异性＆＃34;在CSS中。如果你正在编辑一个主题或模板文件，有时这种事情会因为另一个更具特定性的规则而无法工作。比你的。例如，ID比Classes更具体。检查一下，它将避免将来出现问题！

在CSS中定位类的多个元素

4 个答案: