覆盖css属性

-1

我有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>

来源

2016-09-20 user3386779

使用: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>

来源

2016-09-20 05:36:25

我没有privelage发表评论，但你可以使用Java脚本为poupose。

element.style.visibility = "hidden";

来源

2016-09-20 05:32:15

更新的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>

来源

2016-09-20 05:35:26

覆盖css属性

回答

相关问题