Html 覆盖CSS规则

这可能很简单，但我似乎无法理解或找到答案

我有一个html元素

此元素在其原始样式表中有一个设置规则：

.box {
width: 40%;
}

我使用的是一个自定义CSS表，它可以覆盖原始样式表而不触及它

我需要将此规则更改为：

.box {
max-width: 40%;
} 

那么基本上我如何添加这个新规则，但取消旧规则

可能是这样的吗

.box {
width: 0;
max-width: 40%;
}

---

？？您可以重置为自动（默认）宽度。值为

auto

的宽度告诉浏览器根据约束图元的其他特性计算宽度

.box {
    width: auto;
    max-width: 40%;
}

---

您可以重置为自动（默认）宽度。值为

auto

的宽度告诉浏览器根据约束图元的其他特性计算宽度

.box {
    width: auto;
    max-width: 40%;
}

---

要将宽度重置为默认值，请将该值设置为

auto

。因此，您的覆盖CSS规则将是：

width: auto;
max-width: 40%;

---

如果将宽度设置为0，则长方体甚至不会显示。最大宽度就是它听起来的样子-元素可以是最宽的，但它也可以是小于该宽度的任何宽度。因此，将最大宽度设置为40px，但将宽度设置为0px将导致元素的宽度为0px。

要将宽度重置为默认值，请将该值设置为

auto

。因此，您的覆盖CSS规则将是：

width: auto;
max-width: 40%;

---

如果将宽度设置为0，则长方体甚至不会显示。最大宽度就是它听起来的样子-元素可以是最宽的，但它也可以是小于该宽度的任何宽度。因此，将最大宽度设置为40px，但将宽度设置为0px将导致元素的宽度为0px。

通常，

CSS

规则按照名称在级联模式下的说明工作，因此您可以在不同的文件中执行另一个.box，然后将该文件链接到文档，但请记住，为了应用规则，新文档必须是要链接的文档

您还可以在相同的CSS文档中尝试以下内容：

.box {
 max-width: 40% /*Change this value to the one you want*/
}

---

通常，

CSS

规则在级联模式下按照名称所示工作，因此您可以在不同的文件中执行另一个.box，然后将该文件链接到文档，但请记住，为了应用规则，新文档必须是要链接到的文档

您还可以在相同的CSS文档中尝试以下内容：

.box {
 max-width: 40% /*Change this value to the one you want*/
}

---

而.A DIV的默认宽度是100%。原始CSS将其宽度设置为40%，而您的CSS希望将最大宽度限制为40%。默认情况下，div将始终填充尽可能多的宽度。在您的情况下，它将默认为40%宽度，除非您显式地将宽度设置为小于该宽度。并且.A DIV的默认宽度为100%。原始CSS将其宽度设置为40%，而您的CSS希望将最大宽度限制为40%。默认情况下，div将始终填充尽可能多的宽度。在您的情况下，它将默认为40%宽度，除非您显式地将宽度设置为小于该值。太好了，可以了，非常感谢。。还有一个简单的问题。。我是否可以同时将值设置为

min width:40%

和

max width:40%

？目前，div在手机上的比例还不低于40%，这正是我想要的，但现在它在更大的设备上的比例超过了40%，因为我删除了设置

宽度：40%

，因此，我是否可以通过添加额外的

max width:40%

来限制最大拉伸？@JoeBloggs如果您想要不同屏幕大小的

max width

值，我会退出。如果对您的用例有效，您也可以使用带有像素值的

max width

，而不是百分比。@JoeBloggs我不确定我是否完全理解您的问题。你的意思是，当“最大宽度”设置为40%时，div的宽度将超过40%？太好了，这很有效，非常感谢。。还有一个简单的问题。。我能否同时将值设置为

最小宽度：40%

和

最大宽度：40%

？目前，div在手机上的比例还不低于40%，这正是我想要的，但现在它在更大的设备上的比例超过了40%，因为我删除了设置

宽度：40%

，因此，我是否可以通过添加额外的

max width:40%

来限制最大拉伸？@JoeBloggs如果您想要不同屏幕大小的

max width

值，我会退出。如果对您的用例有效，您也可以使用带有像素值的

max width

，而不是百分比。@JoeBloggs我不确定我是否完全理解您的问题。你的意思是，当“最大宽度”设置为40%时，div的宽度将超过40%？