div＃myID {} vs #myID div {} /建議使用哪種CSS語法？

Question

這些CSS選擇器是相同還是有差異？

div#myID { } 

#myID div { } 

如果它們相同，推薦哪一個？

Answer 1

那麼，他們都做了不同的事情，所以沒有什麼可推薦的。

• div#myID選擇div與ID myID。這可以用#myID表示較短。

• #myID div選擇全部爲div的元素，其爲ID爲myID的元素的後代。

Answer 2

#myID div { } 

樣式而來的div後#myId

div#myID { } 

樣式的#myId

id的DIV這取決於你的努力，以建議你應該使用哪一個來實現。

Answer 3

div#myID { }將只針對一個div的myId

#myID div { }的ID將針對孩子的div的myId

Answer 4

你的選擇是完全不同的ID。

第一種結合了兩種不同的選擇器每個元件這既是div和#myID —每<div>與ID myID匹配。

第二個使用後裔組合子匹配所有div這種是#myID —每<div> S的內部的元件的內部與ID myID。

Answer 5

第一選擇器將適用於一個div與myID的ID。

第二個將適用於標識爲myID的元素內的所有div標籤。這顯然不同。

Answer 6

他們是不一樣的！

div#myID 

適用於此：

<div id="myID"> 
</div> 

#myID div不不適用於上面的例子，但以下div容器內的文本：

<p id="myID"> 
    <div> 
    </div> 
</p> 

Answer 7

兩個語法是兩者都有效，但做不同的事情。

div#myID將選擇ID爲myID的<div>。

#myID div將選擇一個<div>，它被包含在ID爲myID的另一個元素（任何類型）內。

舉個例子，用下面的HTML代碼：

<div id='myID'> 
    <div id='somethingElse'> 
    </div> 
</div> 

對於第一選擇器，你將選擇上述外層div。使用第二個選擇器，您將選擇兩個div的內部。

希望有所幫助。