Question

我想知道如果其他div包含特定的类，是否可以设置div的样式？！我知道这可以用jQuery完成，但我想知道它是否可以用CSS完成。

假设我有

<div class="stickyWrap sticky"></div>
<div class="checkout "></div>

当checkout包含课程stickWrap时，是否可以设置sticky样式？

我尝试过类似的事情：

.stickyWrap[class*="sticky"] + .checkout{
  background-color: #1f6053; 
}

这显然不起作用。

Answer 1

只需在选择器中链接类名。

＆＃13;

.stickyWrap.sticky + .checkout {
  background:red;
}

＆＃13;

<div class="stickyWrap">not sticky</div>
<div class="checkout ">checkout</div>

<div class="stickyWrap sticky">sticky</div>
<div class="checkout ">checkout</div>

＆＃13;

注意：我认为你真正想要的选择器是：

.stickyWrap[class$="sticky"] + .checkout{
  background-color: #1f6053; 
}

这将找到包含结束的.stickyWrap 和类的父元素＆＃34;粘贴＆＃34; ...否则它＆＃39太宽泛了。

JSfiddle Demo

Answer 2

无需将该类视为属性;你可以选择它作为一个类！像这样：

.stickyWrap.sticky + .checkout{
  background-color: #1f6053; 
}

Answer 3

由于你已经标记了jquery，所以请试一试。

if($(".stickyWrap").hasClass("sticky"))
{
   $(".checkout ").css("background-color","#1f6053");
}

CSS选择器用于两个不同的div

3 个答案: