这两个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 }那么简单。