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

这两个ID之间有什么区别？

p#id1{code在这里}

和

#id1 p{code在这里}

p#id1

将选择

#id1p

将选择

内部

p

元素

所以两者都在选择

p

元素，但不同的

p

元素：

首先：

p#id1

将选择

p

具有ID

id1

，因为它们之间没有空格

Second：将选择ID

id1

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

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

在行动中看到它：

p#id1{颜色：红色；}
#id1 p{color:green；}

我同意拥有id id1
我是子元素

p#id1

将选择

#id1p

将选择

内部

p

元素

所以两者都在选择

p

元素，但不同的

p

元素：

首先：

p#id1

将选择

p

具有ID

id1

，因为它们之间没有空格

Second：将选择ID

id1

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

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

在行动中看到它：

p#id1{颜色：红色；}
#id1 p{color:green；}

我同意拥有id id1
我是子元素

p#id1{code在这里}

这将针对带有

id=“id1”

p#id1{code在这里}

这将针对任何带有

id=“id1”

p#id1将选择页面中具有指定ID的所有p标记，即

#id1p将选择p作为指定ID ie的子元素。

p#id1将选择页面中具有指定ID ie的所有p标记。

#id1p将选择p作为指定ID的子元素，即

编写
#id1p
您正在选择
p
元素，该元素位于
#id1
编写
p#id1
您选择的是
p
带有id的标记
#id1
，但是由于id是唯一的，您不需要用标记指定它，在这种情况下，您可以编写像
\id1{您的风格}
一样简单的代码
编写
#id1p
您正在选择
p
元素，该元素位于
#id1
编写
p#id1
您选择的是
p
带有id的标记
#id1
，但是由于id是唯一的，您不需要用标记指定它，在这种情况下，您可以编写像
\id1{您的风格}
一样简单的代码
第一个是多元素选择器，它选择具有该id的段落。第二个是后代选择器，它选择具有该id的元素内的段落。第一个是多元素选择器，它选择具有该id的段落。第二个是后代选择器，它选择具有该id的元素内的段落身份证件