语法问题：什么是正确的做法？

Question

如果我在带有id的div中有一个孩子，例如id="mother"，那么写css的方式是否正确？

示例：

1）#mother ul li {...}

或

2）mother ul li {...}

有区别吗？我看到的第二个例子是MOTHER有一个类名，而不是id。

Answer 1

你的第一种方法是正确的方法 当你有：

HTML：

<div id="mother">
     <ul>
         <li>first child</li>
         <li>secondchild</li>
     </ul>
</div>

CSS：

#mother ul li {
    color:red;
}

你的第二种方法必须改变如下：

div ul li {
    color:red;
}

Answer 2

• mother是一个类型选择器。它与<mother>
相匹配
• #mother是一个ID选择器。它将元素与id="mother"匹配。
• .mother是一个类选择器。它将元素与class="mother and-possibly-other-classes"匹配。

有关详情，请参阅the selectors specification。

Answer 3

第一个是使用id是正确的，第二个是用于类但是有一个＆＃39; dot＆＃39;在课堂名称前面。

EG1：

HTML

<div id="div1">
<ul>
<li></li>
.........
.........
<li></li>
</ul>
</div>

CSS

#div1 ul li{

}

EG2：

HTML

<div class="div1">
<ul>
<li></li>
.........
.........
<li></li>
</ul>
</div>

CSS

.div1 ul li{

}