覆蓋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屬性

回答

相關問題