html - h1 :hover is responding on the whole width, 无法链接 h1 并且不知道如何单独定位事物

Question

抱歉，可能不是有史以来最好的标题。我在用于练习 html/css 的代码中遇到了一些问题。

• h1:hover 每当我将光标悬停在与 h1 标题相同高度的任何内容上时都会响应。

• 我也无法链接它。请参阅下面的代码。

  <a href="http://www.bing.com"></a><h1>Bing</h1>
  

• 我还想知道如何通过 CSS 定位 HTML 代码中的特定内容。例如，如果我使用 IMG 在 HTML 中导入图像，我该如何在 CSS 中只编辑该图像？

谢谢。

Answer 1

H1 ​​是 block 元素，因此它横跨页面的总宽度。要限制这种影响，您必须将其应用固定宽度，或“display:inline-block;”

对于第二题，正确的代码是:

<a href="http://www.bing.com"><h1>Bing</h1></a>