这两个ID之间的主要区别是什么？

Question

这两个ID有什么区别？

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

Answer 1

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 2

1. p#id1将选择<p id="id1">

2. #id1 p将选择<div id="#id1"><p></p></div>内部p元素

因此两者都选择p元素，但选择不同的p元素：

首先：p#id1将选择ID为p的{​​{1}}，因为它们之间没有空格。

第二次：将选择ID为id1的儿童p元素

看到它的实际效果：

＆＃13;
＆＃13;
id1
＆＃13;
p#id1{ color: red;}
#id1 p{ color: green;}
＆＃13;
＆＃13;
＆＃13;

Answer 3

p＃id1 会选择指定了ID的页面中的所有p标记，例如function resetForm() { var oldP=document.getElementById("oldP").value=""; var newP=document.getElementById("newP").value=""; var confirmP =document.getElementById("confirmP").value=""; }

＃id1 p会选择p作为指定ID的子元素，即<p id="id1">

Answer 4

1. 撰写#id1 p您正在选择p
内的#id1元素
2. 正在撰写p#id1您选择p标记为#id1但，因为ID是唯一的，在这种情况下您无需使用标记指定你可以写得像#id1{ your style }一样简单。