不同的divs不同的样式表

Question

我有一个包含3个主要div的页面。我希望每种方式都有不同的链接样式（所有4种链接样式：链接访问悬停活动）。同样，div1中的链接应该与div2和div3中的链接不同。

我知道可以使用一些javascript（通过为鼠标事件添加类更换器），但我想尽可能避免使用js。有什么方法可以用css实现同样的目的吗？

Answer 1

为每个id

添加div

<div id="one">
    <a></a>
</div>
<div id="two">
    <a></a>
</div>
<div id="three">
    <a></a>
</div>

然后选择这样的链接

#one a {}
#two a {}
#three a {}

Answer 2

使用唯一id来定位div

<div id='div1'></div>
<div id='div2'></div>
<div id='div3'></div>


#div1{

}
#div2{

}
#div3{

}

是的，人们是对的，这是一个非常基本的问题。如果你遇到问题，你应该首先尝试谷歌的东西，而不是在这里问问题。

使用单独的样式表将为您的服务器创建多个请求。你应该尽量减少这种情况。

在这里，您可以了解有关CSS SELECTORS

的更多信息