如何在视图页面中“重置”样式，在css文件中设置

Question

对于li元素，我在样式表中指定了宽度：

width: 100px;

现在，对于视图中的一个特定li实例，我希望此宽度不适用，而我希望max-width: 200px;。所以我在Rails中添加了一个视图文件：

<li style="max-width:200px">

然而，这当然不会覆盖width，因此仍然适用100px的宽度。
有没有办法去除这一个元素的宽度，而不进行更改也不调整css文件？因此在视图文件中类似width: unspecified。

Answer 1

宽度的默认值为自动，在CSS中。

这样：

<li style="width:auto; max-width:200px">

Answer 2

你可以重置＆＃34;属性将其设置为初始值，对于width，初始值为auto。

Answer 3

您无需知道属性的默认值，只需使用initial关键字。

<li style="width:initial; max-width:200px">

重置您应用它的任何属性。

以下是initial的详细说明。

Answer 4

您可以使用此特定li的类或ID，假设

<li class = "specifieclass">test</li>

然后为此类添加css

.specifieclass
 {
     width:auto;
     max-width:200px;
  }

你可以为这个课使用更多的CSS  或通常使用

<li style="max-width:200px;width:auto; ">