Question

此代码不适用我div的宽度

.column-hide {
    width: 16.666666666666664%!important;
}

.column-hide * {
    display: none;
}

虽然这有效

.column-hide * {
    display: none;
}

.column-hide {
    width: 16.666666666666664%!important;
}

有什么建议吗？

更新：HTML代码

<div class="col-md-6 column-hide">
    <div class="header-label bg-gray custom-attr-header">
    </div>
    <div class="fields-body">
        <h4 class="pull-left">Texts</h4>
    </div>
</div>

Answer 1

Asterisk（*）是CSS的通用选择器。它匹配任何类型的单个元素。所以我;我不建议避免这种universal selector。如果你定义了最后一个应用的相同属性，我觉得很多时间。

以下是 Working Example 。

这是HTML代码和CSS。最后一个属性将应用于元素。

p{color:red;}

p{color:green;} /*will take me as I am defined at last*/

<p>I'll be RED</p>
<p>I'll be GREEN</p>

正如您可以看到最后应用的color:green所以<p>元素颜色将为绿色。同样的理论也适用于你的情况。

Answer 2

* {
display:none
}

将不显示html的元素，因为*表示所有元素。使用当前发布的代码，没有任何内容显示。为了显示需要删除上述属性的内容

CSS所有占位符（*）都会影响我的样式

2 个答案: