2011-06-17 65 views
1

我有这样如何将目标元素的类名css中有空格?

<body class="cms-page-view cms-home"> 

body标签的类这身标记与类col-main类似

<div class="col-main"> 
</div> 

我想针对这一个div的div通过CSS如果身上的标签有class = cms-page-view cms-home

我试过这个

.cms-page-view cms-home .col-main 
{ 
width:610px; 
} 

但是这不会将div的宽度设置为610px;

我只能在body标签有class = cms-page-view cms-home时才能定位这个div吗?

回答

1

只要使用,没必要点两类。


<style> 
.cms-page-view .col-main or (.cms-home .col-main) 
{ 
width:610px; 
border: 1px solid red; 
} 

</style> 
<body class="cms-page-view cms-home"> 

<div class="col-main">Test 
</div> 

</body> 
+0

这是好的感谢 – Daric 2011-06-17 06:55:31

+0

WC。如果你喜欢这个。请在这里投票。 – 2011-06-17 06:56:55

4

相同的像的那些用一个空格

<body class="cms-page-view cms-home"> 

的CSS

.cms-page-view.cms-home 
    { 
    width:610px; 
    } 

的空间仅仅意味着多个类到同一元件。

所以在这种情况下,体内有类“CMS-页面视图”和“CMS-家”

+0

把它给了伙计谢谢 – Daric 2011-06-17 06:54:04

相关问题