0

我有一个简单的问题

这两种说法有什么区别？

前任：

.job-des li{
//you styles here
}

和

li.job-des{
//you styles here
}
4

4 回答 4

1

解释

首先 .job-des li{，这将适用于LIwhich is child of .job-desclass。

例子

<div class="job-des"><li></li></div>

其次 li.job-des {，这将适用于LI拥有工作类。

例子

<li class="job-des"></li>
于 2013-03-14T04:37:23.057 回答
0

第一个是<li>包含在任何具有 class的元素中的元素.job-des，而第二个是任何<li>本身具有 class .job-des 的元素

例如，第一个会打这个：

<div class='job-des'>
    <ul>
        <li>It hits me</li>
    </ul>
</div>

而第二个会击中这个：

<ul>
    <li class='job-des'>It hits me</li>
</ul>
于 2013-03-14T04:35:46.883 回答
0 
 .job-des li{
 //This style will apply in li of the element have class .jobs-des
 }

和

 li.job-des{
 //This style will apply on li which have class .job-des
 }
于 2013-03-14T04:42:52.223 回答
0 
.job-des li{
//you styles here
}

在这段代码中

lican 位于类的元素中的任何job-des 位置

<div class="job-des">
    <ul>
        <li>This is selected as per the conditions  </li>
        <li>This is selected as per the conditions  </li>
        <li>and this one too   </li>
    </ul>
</div>

在此代码中，它将选择li's特定类中的所有内容

并且在这个

li.job-des{
//you styles here
}

只有那些li's给定类的才会被风格化.job-des

<div class="any class">
        <ul>
            <li>  i am not selected</li>
            <li class="job-des">i am selected as per the conditions  </li>
            <li> and this one too is not selected  </li>
        </ul>
    </div>
于 2013-03-14T04:49:29.327 回答