我应该使用哪一个？ （需要意见）CSS课

Question

我可以选择在这些CSS类之间进行选择：

.container> div > table.Test> tbody > .header

和

.header

添加一些CSS样式。

我想知道的是：

1. 主要区别是什么？

2. 您更喜欢使用哪种？为什么？

3. 这两者之间的表现是否有所不同？

感谢。

Answer 1

首先，这个问题没有任何意义。

<强>解释

1.主要区别是什么？

div#container > ul 
{
  border: 1px solid black;
}

标准X Y和X之间的差异> Y是后者只会选择直接的孩子。例如，请考虑以下标记。

 <div id="container">
   <ul>
   <li> List Item
    <ul>
       <li> Child </li>
    </ul>
  </li>
  <li> List Item </li>
  <li> List Item </li>
  <li> List Item </li>

       #container＆gt;的选择器ul将仅定位具有id容器的div的直接子节点的uls。例如，它不会针对第一个孩子的ul。

 .header
 {
 }

它将使用类标题定位所有元素。

 #container > div > .header
 {
 }

它将定位所有直接放在直接位于#container下的div下的标题元素。

2.您更喜欢使用，为什么？

这主要取决于你的需要。如果要定位所有标题元素[即可能有许多表具有相同的类.header]如果要将样式应用于所有标题，则可以使用第二种方式。否则使用第一种方式。

3.表现

我不确定。我没有发现任何性能问题。