在父级上使用多个类来定位一个类

时间:2015-12-07 12:20:40

标签: html css css3

这是HTML,

<body class="home page page-id-13">
   <div class="targetthis">
   </div>
</body>

我想定位课程&#34;目标这个&#34; 当身体类同时拥有&#34; home&#34;和&#34;页面&#34;在它上面。

3 个答案:

答案 0 :(得分:4)

试试这个

body.home.page .targetthis

通过删除你想要一个带有两个类的元素的空格,并使用正文,你说你想要两个类的body元素

如果您只想要targetthis作为直接孩子,那么您需要添加>

More info on multiple class / id selectors

答案 1 :(得分:1)

使用目标CSS选择器中的两个类,如下所示。

 body.home.page .targetthis
 {
   background-color:red;
 }

DEMO

答案 2 :(得分:1)

你可以写     firstClass.secondClass.thirdClass .childNodeClass

https://css-tricks.com/multiple-class-id-selectors/