CSS可以为对象本身执行条件最大宽度或最小宽度吗？

Question

在没有使用JavaScript的情况下，CSS中有没有一种方法可以专门为td说“whitespace：nowrap”，但前提是td的最大宽度是一定的？

我知道你可以为@media做某些屏幕尺寸的css。我希望css仅在特定对象具有特定大小时才适用。

Answer 1

您需要JavaScript才能完全按照自己的意愿行事，但有可能：

假设您将某个类应用于某些<td> s：

<td class="changed">...</td>
<td>...</td>
<td>...</td>
<td>...</td>
<td class="changed">...</td>
<td>...</td>

你给了.changed某个max-width：

.changed {
    max-width: 100px;
}

然后，你就能做你想做的事：

td:not(.changed) {
    /*Some styling*/
}