Php 如何将除带类的td外的所有td与中心对齐
例如,我有这些代码Php 如何将除带类的td外的所有td与中心对齐,php,html,css,Php,Html,Css,例如,我有这些代码 <tr> <td class="foo">chuchu</td> <td>chuchu</td> <td>chuchu</td> <td>chuchu</td> <td>chuchu</td> </tr> 啾啾 啾啾 啾啾 啾啾 啾啾 除了td with class,我如何将它们对齐到中心?试试这样的方法- tr:
<tr>
<td class="foo">chuchu</td>
<td>chuchu</td>
<td>chuchu</td>
<td>chuchu</td>
<td>chuchu</td>
</tr>
啾啾
啾啾
啾啾
啾啾
啾啾
除了td with class,我如何将它们对齐到中心?试试这样的方法-
tr:not(:first child){text align:center;}
:not
和:first child
选择器的组合将确保样式跳过父div的第一个子项
但如果您不知道物品的顺序,请尝试-
:不是([class])
因此,在您的情况下,
td:not(.foo){text align:center;}
应该可以工作。试试这样的方法-
tr:not(:first child){text align:center;}
:not
和:first child
选择器的组合将确保样式跳过父div的第一个子项
但如果您不知道物品的顺序,请尝试-
:不是([class])
因此,在您的情况下,
td:not(.foo){text align:center;}
应该可以工作。您可以试试这个。根据您在评论部分对我的问题的回答,我提出了一个更简单的解决方案:
.css
td{
text-align:center;
}
.foo{
text-align:left !important;
}
你可以试试这个。根据您在评论部分对我的问题的回答,我提出了一个更简单的解决方案: .css
td{
text-align:center;
}
.foo{
text-align:left !important;
}
class=“foo”
是唯一的例外吗?@Miggy-yes,:)是class=“foo”
唯一的例外吗?@Miggy-yes,:)@john bryan callega编辑了CSS打字。现在就试试,太好了!这是可行的,我正在尝试使用jQuery,但这似乎很好。太棒了。:)“是的,jQuery对于这样的东西来说太过分了。”约翰·布莱恩·卡莱加编辑了CSS打字。现在就试试,太好了!这是可行的,我正在尝试使用jQuery,但这似乎很好。太棒了。:)是的,jQuery对于这样的东西来说太过分了。谢谢你的回答:)这是一个更好的答案,兼容性也不应该是一个问题。@Miggy我同意。当然更简单、更兼容,但是出于可维护性的考虑,我不认为我们应该编写特定的over-ride类。你怎么看?@SujanSundareswaran至于我,我只是想帮你发布另一个答案。但是,嘿,只要它对我起作用,我只是一个无忧无虑的开发人员,仍然在学习:)就个人而言,我更喜欢利用。谢谢你的回答:)这是一个更好的答案,兼容性也不应该是个问题。@Miggy我同意。当然更简单、更兼容,但是出于可维护性的考虑,我不认为我们应该编写特定的over-ride类。你怎么看?@SujanSundareswaran至于我,我只是想帮你发布另一个答案。但是,嘿,只要它对我有用,我只是一个无忧无虑的开发人员,仍然在学习:)就个人而言,我更喜欢利用。