带孩子的CSS全球班级问题

Question

i have a global class for an html

<div class="wrapper">

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

</div>

and the CSS is

.div { width:auto; display:block }


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

On the .content div, i do not need "display:block" class. But Its applying on Runtime. i Have given dispay:inherit; but it doesn't work. Is there any Other Way for Removing the Display Style ?

Answer 1

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

或其他显示属性

Answer 2

You can just do:

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

inline is what the value is by default, see MDN Ref .

Answer 3

.div { width:auto; display:block }

this might not be working....for the above provided html cos there is not div named class

what you can do is

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