這兩個ID之間的主要區別是什麼？

Question

這兩個id有什麼區別？

p#id1 { code goes here }和
#id1 p { code goes here }

Answer 1

1. p#id1將選擇<p id="id1">

2. #id1 p將選擇<div id="#id1"><p></p></div>內p元素

因此，無論是選擇p元素，但不同p元素：

首先：p#id1將選擇具有ID id1因爲他們之間沒有空格p。

二：將選擇子ID p元素id1

看到它在行動：

p#id1{ color: red;} 
 
#id1 p{ color: green;}

<p id="id1">I am with having id id1</p> 
 
<div id="id1"><p>I am child element</p></div>

Answer 2

p#id1 { code goes here }這將瞄準任何p標籤與id="id1"

<p id="id1"></p> 

和

#id1 p { code goes here }這將目標p標籤內id="id1"

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

Answer 3

p＃ID1將選擇在指定的ID爲頁面即所有p標籤。 <p id="id1">

＃id1 p將選擇p作爲指定ID的子元素，即。 <div id="#id1"><p> </p></div>

Answer 4

1. 寫#id1 p您選擇p元件，它是寫作中的#id1
2. p#id1您選擇的是ID爲#id1但p標記，因爲ID是唯一的，你不需要有標籤在指定它這種情況下你可以像#id1{ your style }那麼簡單。