Question

在我的网站中，文字会动态附加到页面上。

我需要colspan=2有属性text-align:center，申请tblCustomers tr td { padding-left:25px; } //how do I do this tblCustomer tr td:hasattribute(colspan=2) { text-align:center; }。

$parent

注意： -

没有建议添加课程或身份证明。它在我的场景中不可行。
没有JavaScript或jQuery。

Answer 1

以这种方式添加

tblCustomers tr td {
  padding-left:25px;
}

tblCustomers tr td[colspan="2"] {
 text-align:center;
}

https://jsfiddle.net/nsse87c4/

Answer 2

添加此样式，请务必定义此tblCustomer class或id，例如：我将其设为class

.tblCustomer tr td[colspan="2"]{
  text-align:center;
}

Answer 3

为了将样式应用于具有特定colspan的所有td，您可以使用以下选择器：

td[colspan="2"]

或更具体地说：

td[colspan="2"]{
   text-align:center;
}

来源：https://www.w3.org/TR/1998/PR-CSS2-19980324/selector.html

Answer 4

Attribute selectors

CSS2引入了四个属性选择器：

...

[att=val]
  表示具有att属性的元素，其值正好为“val”。

Answer 5

这是一个解决方案

tblCustomer tr td[colspan="2"]
{
   text-align:center;
}

Answer 6

刚刚将width: 100%添加到您的表格中，以便您可以正确地看到效果。

.tblCustomer
{
  width: 100%;
}
.tblCustomer tr td[colspan="2"]
{
  text-align:center;
}

<table class="tblCustomer">
  <tr>
    <td colspan="2">Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
</table>

如何应用这种风格

6 个答案: