为什么不清楚：左;工作？

Question

我尝试创建一个链接，当您将鼠标悬停在其上时会改变颜色。它是一个紫色背景的盒子元素，当你将鼠标悬停在它上面时会变成fuchisa。它漂浮在页面左侧。紧挨着它，我有另一个元素，它是谷歌的链接。 clear; left属性应该阻止链接出现在左边的浮动元素旁边。它不是那样做的。在头脑风格，我有

p.new a {
    border: 1px solid purple; 
    float: left; 
    width: 80px;
    height: 25px; 
    color: white; 
    text-align: center; 

和

div.link {
 clear: left;
}

这是我的身体。

<h1>Penguins</h1>

<br>
<p class="new" >
    <a href="http://www.google.com" target="_blank">Hover</a>
</p>

<div id="link">
    <a  href="Table.html">Check out the table</a>
</div>


</body>

Full Code Here

Answer 1

您的css选择器建议link是一个类名，而它是id，请使用div#link选择器。