css - 用最大宽度替换宽度

Question

我有一个包含 6 列的动态菜单 (php)，这意味着我不能只更改 html。

我有:

.col-sw-6 {
    width: 16.6666%;
}

我需要将 width 替换为 max-width。我已经尝试过:

.main-menu .col-sw-6 {
    width: 16.6666%;
    max-width: 100% !important;
}

但它不起作用。如果可能只涉及 CSS，是否知道如何做到这一点？

Answer 1

在我看来，整个问题是你不应该只在 css 中改变它。

你只是做错了，第一个迹象是你试图将宽度设置为 6 列宽元素不同。

实际上，您应该根据 PHP 输出更改类名， 所以当 PHP 返回 3 个元素时，你应该有 col-md-4，当输出是 4 个元素时，它应该是 col-md-3 等。

这样你就不需要: 1. 与一些愚蠢的 css 规则作斗争 2. 覆盖你的网格系统(这通常是错误的想法)。

因此，与其仅在 css 中处理宽度，不如更新代码以根据导航项的数量使用正确的类名称更改 html 表示，然后每个类都将具有适当的 css 宽度设置。

如果您始终有 6 列，为什么需要更改宽度？ 如果不是，(我假设你提到它是动态的)，那么我写的是有道理的。