我應該使用哪一個？ （需要意見）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的的選擇> UL將只定位它們與容器的一個id的div直接孩子的ULS。例如，它不會以第一個孩子的孩子爲目標。

.header 
{ 
} 

它將使用類標題定位所有元素。

#container > div > .header 
{ 
} 

它將定位直接放置在直接放置在＃容器下的div下的所有標題元素。

2.你喜歡使用哪一種？爲什麼？

它主要取決於你的需要。如果你想要定位所有的頭文件元素[也就是說，可能有許多具有相同類頭文件的表]如果你想將樣式應用到所有的頭文件中，你可以使用第二種方法。否則使用第一種方式。

3.性能

我不知道。我沒有發現任何性能問題。