javascript - 孩子的 CSS 全局类问题

Question

我有一个 html 的全局类

<div class="wrapper">

<div class="content"></div>

</div>

和CSS是

.div { width:auto; display:block }


.content {  width:100px;  height:50px; }

在 .content div 上，我不需要“display:block”类。但它适用于运行时。我给了显示：继承；但它不起作用。有没有其他方法可以删除显示样式？

Answer 1

.content {  width:100px;  height:50px; display: inline; }

或其他显示属性

Answer 2

你可以这样做：

.content {  width:100px;  height:50px; display:inline }
//or display:none or whatever your standard default is

inline是默认值，请参阅MDN Ref。

Answer 3

.div { width:auto; display:block }

这可能不起作用....对于上面提供的 html cos 没有名为 div 的类

你能做的是

.content {  width:100px;  height:50px; display:inline}