覆盖css属性
问题描述:
我有2个父div视图1和2.并且想要隐藏第二个视图但显示第二个视图的描述。覆盖css属性
所需的输出是: 冠军
样本说明1
样的内容描述
.view2{
display:none;
}
.view2 .desc{
display:block !important;
}
<div class="view1">
<div class="title">
<p>Hello</p>
</div>
<div class="desc"> sample description1</div>
</div>
<div class="view2">
<div class="title">
<p>Hello</p>
</div>
<div class="desc"> sample description2</div>
</div>
答
使用:not()
选择器。
试试这个
.view2 *:not(.desc) {
display: none;
}
<div class="view1">
<div class="title">
<p>Hello</p>
</div>
<div class="desc"> sample description1</div>
</div>
<div class="view2">
<div class="title">
<p>Hello</p>
</div>
<div class="desc"> sample description2</div>
</div>
答
我没有privelage发表评论,但你可以使用Java脚本为poupose。
element.style.visibility = "hidden";
答
更新的CSS
.view2 .title{
display:none;
}
片段的例子下面
.view2 .title{
display:none;
}
<div class="view1">
<div class="title">
<p>Hello</p>
</div>
<div class="desc"> sample description1</div>
</div>
<div class="view2">
<div class="title">
<p>Hello</p>
</div>
<div class="desc"> sample description2</div>
</div>