是否可以根据里面的类更改边框？

Question

是否可以根据其中的类使div.class不同？ 所以，如果我这样：

<div class="defaultblock">
    <div class="blockcontent">
        <div id="group-id-tids-11" class="advertisement">
        </div>
    </div>
</div>

我想要的是：'如果底层div.class ==广告那么div.defaultblock {border：3px;}

Answer 1

如果使用jQuery是一个选项，你可以这样做：

$(".blockcontent .advertisement").parent().css({border: "3px"});

如此jsFiddle

所示

Answer 2

.blockcontent .advertisment {border: 1px;}
.othercontent .advertisment {border: 2px;}

这应该让你知道如何嵌套属性...据我所知，你不能使用这个嵌套来描述外部属性。但不是很确定......注意：此示例更改了内部div的边框。不是外在的。

Answer 3

你不能单独使用CSS（基于子内容选择一个祖先，或者根据后来的兄弟选择一个元素）。

正如其他人所说，JavaScript是一个选择。

Answer 4

这是hackish，但是使用你自己的代码：

<div class="defaultblock <?php echo $highlight; ?>">
    <div class="blockcontent">
        <div id="group-id-tids-11" class="<?php echo $highlight; ?>">
        </div>
    </div>
</div>

然后在您的CSS中，您只需考虑您希望.defaultblock.highlight的样子。