如何将不同的CSS样式应用于具有相同类名的2个元素?

问题描述 投票:7回答:6

我创建了一个具有不同导航菜单的网站。在2个菜单中,我使用相同的HTML类元素。

我有一个.css文件,用于在1个菜单中设置该类元素的样式。但是,在另一个菜单中,我想以不同的方式设置元素的样式。

是的,我知道我可以重命名类名,但是为了与我现在在标记结构中所拥有的一致,以及类名用于设置多个其他元素的样式,我怎么能够将不同的样式应用于具有相同类名的2个不同元素?

可以使用CSS中的某种if语句来完成吗?

例如,在1.html中:

<div class="classname"> Some code </div>

在2.html:

<div class="classname"> Some different code </div>

因为我只想在2.html中对这个“one”元素进行不同的设置,我可以只添加一个id属性和class属性,并使用id和class以及某种方式作为选择器吗?

如果可能的话,我再也不想删除类名。

谢谢!

html css html5
6个回答
© www.soinside.com 2019 - 2024. All rights reserved.