Question

我有像这样的身体标签类

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

这个body标签有一个div类col-main，类似

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

如果body标签有class = cms-page-view cms-home

，我试图通过css来定位这个div

我试过这个

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

但是这并没有将div的宽度设置为610px;

如果正文标记有class = cms-page-view cms-home？

，我该如何定位此div？

Answer 1

与具有单个空格的

相同

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

css

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

空格只是指同一元素的多个类。

所以在这种情况下，身体有“cms-page-view”和“cms-home”类

Answer 2

只需使用，无需指出两个类。


<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>

如何定位在其类名css中有空格的元素？

2 个答案: