所以我正在Codeacademy上浏览HTML/CSS，我只想知道为什么我不能将段落标记放入这段代码中：
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Result</title>
</head>
<body>
<!--Add your HTML below!-->
<div>
<a href="http://Link">Google</a>
<a href="http://Link">Google</a>
<a href="Link">MSN</a>
</div>
</body>
</html>
通过CCD_ 1的位置。它扰乱了CSS，在这里：
a:hover{
text-decoration: none;}
a:first-child{
color:#CDBE70;
}
a:nth-child(3){
color:#ffc125;
}
不确定代码是否会正确显示在这里，所以我会相应地编辑它。
first-child和nth-child选择器与它们之前的标识符无关！虽然您可能认为a:first-child会影响您的第一个<a>标记，但它实际上只影响作为第一个子的<a>标记。所以，如果你在链接之前添加一个<p>，你所有的CSS都会被丢弃
听起来你想要first-of-type和nth-of-type。这些规则的作用就像你所期望的那样
参见MDN参考
编辑：
想象一下下面的列表（我假设它看起来像你试图做的；如果不是，请澄清。）
<div>
<p>Hello!</p>
<a>Link1</a>
<a>Link2</a>
<a>Link3</a>
</div>
在这种情况下，<a href>0规则不会与任何匹配，因为没有<a>标记也是first-child。有一个<p>标记是第一个子级，有<a>标记是第二、第三和第四个子级，但没有a:first-child。