可点击<article>背景色

Question

我正在(尝试)使用HTML5 5/CSS3 3建立一个简单的博客模板，使用标记来处理帖子。

我想让每个帖子‘点击’，以获得其‘阅读更多’的网页。我发现我可以将锚标记放在文章的内部或外部：

<a href="#"> <article> .... </article> </a>

或者：

<article> <a href="#"> .... </a> </article>

两者似乎都有效(顺便说一句:哪种方式更可取？)

我的问题是如何设置CSS，使背景颜色将改变时，我悬停(可点击)的帖子？

事先谢谢你，乔纳森

Answer 1

这应该是可行的：

article {
    background-color:red;
}

article:hover {
    background-color:blue;
}

JSFIDDLE

至于您的侧问题，这将是双向的，但它更好的seo内标签内的文章标签。

Answer 2

关于主要问题:如果链接正在包装文章，您可以使用a:hover{background-color: red;}。

如果文章没有包装，您可以使用article:hover{background-color: red;}。

至于哪一种更可取，我认为这确实是一个意见问题。尽管如此，锚标记是一个内联元素，因此如果您希望使用有效的html，则不能包含块元素。