如何应用这种样式

Question

在我的网站中，文本被动态地附加到页面上。

如果td有属性有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;
}

注：-

• 没有添加类或id的建议。这在我的设想中是不可行的。
• 这里没有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