Question

好的，所以我正在尝试为学校做作业，我终于开始研究CSS了。

我的问题是我输入的代码{id #articleheader不适用，我能想到的唯一原因是在关闭该行之前存在四条规则。

#articleheader {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 7px;
  text-align: center;
}

<header id="articleheader">
  <h1>Bike the Mountains Tour</h1>
</header>

任何帮助？

Answer 1

h1有自己的大小和重量样式，即使默认情况下也没有专门设置它们。要为h1：

设置它们

#articleheader h1 {
    ...

Answer 2

就您要执行的操作以及将代码放入html文档时，一切似乎都很好。如果Matt提供的解决方案仍然不起作用，我建议你需要检查你是否正确链接了css文件，如果有外部样式表或者它在页面上确保你正确地将它包裹在标签周围。 / p>

<html>

<head>
<style>
#articleheader {
        font-size: 18px;
        font-weight: normal;
        letter-spacing: 7px;
        text-align: center;
}
</style>
</head>
<body
    <header id="articleheader">
     <h1>Bike the Mountains Tour</h1>
    </header>
</body>
</html>

Answer 3

enter code here您应该将id =“articleheader”标记应用于h1，而不是标题。 虽然在标题中使用id标记没有任何问题，结果将不会如预期的那样。即属性将被应用，但是会以不同的比例。

This is the result when id is applied on h1

This is the result when id is applied on header

<header>
     <h1 id="articleheader">Bike the Mountains Tour</h1>
</header>

css代码没有问题

当在h1和header上应用相同的id标记时，证明了在h1上应用id标记的优先级，但是显示了前面图像（带有id的h1）中显示的结果。

<html>
    <head>
      <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
     <header id="articleheader" >
        <h1 id="articleheader" >Bike the Mountains Tour</h1>
     </header>
    </body>
  </html>

单个css命令中有多少行可以限制？

3 个答案: