基於主體類名稱的高級CSS選擇器查詢
[英]advanced CSS selector query based on the body class name
問題描述
誰能建議我如何創建一個根據身體類別而變化的css規則？ 這是在移動應用程序中使用的骨干js應用程序中。
目前，我在body標簽上有一個類的“ ks3”或“ ks4”（如下所示），我想為ks3提供一個.menu類，為ks4提供一個
當前的CSS：
.menu {
background-image:url(../img/navigation/bg-768x1024.png); // need to set to null if body class has ks4
background-size: cover;
color: #fff;
}
html
<body class="ks4">
<div class="stk">
<div class="shell">
<div class="menu">
<!-- my menu here-->
</div>
</div>
</div>
</body>
因此，實質上，我正在嘗試在psuedocode中執行以下操作。
if（body class is'ks4'）{使用現有的.menu類，但將background-image設置為none。 }
使用高級CSS選擇器可以做到這一點嗎？
1 個解決方案
解決方案1
1 已采納 2015-07-29 10:26:02
由於您為.menu設置了規則，因此它適用於菜單類的所有元素。 現在，您只需要設置一個規則以覆蓋背景圖像的當前規則即可。
body.ks4 .menu{
background-image:none !important;
}
CSS 選擇器：如果主體具有 class，則為后元素
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.