HTML CSS 如何交换 css 属性

Question

我正在做一个项目，我有多个页面。我只有一个 CSS 文件。我在一个页面的 table 中指定了 tr:hover 属性，但在另一页上我也有一个 table 我不想应用它的地方。有什么办法吗？它会在悬停时改变颜色，但我希望它只应用于一个特定的页面。

我想到的是制作第二个 CSS 文件，但我不想这样做，因为我们被告知要尝试将所有内容合并为一个文件。

Answer 1

你在这里回答的是bodyclasses的精彩世界。您可以将 class 应用到每个页面，对于您可以使用的主页：

<body class="homePage">

对于其他页面，其他 classes。然后，您可以像这样按页面定位这些页面：

.homePage tr:hover {background: pink;}
.aboutPage tr:hover {background: red;}

或者您可以简单地标识 table:

<table id="table1">

然后只针对 table:

#table1 tr:hover {background: pink}

...但我推荐 body 标签作为一般工作的好方法。

Answer 2

tr.classname:hover

可用于悬停效果，其中 classname 应在 css 文件和 html 中指定。 tr:hover 对所有 tr

是全局的

单独的 class 是此类问题的最佳解决方案

Answer 3

他怎么... body 上的 class？没有为什么？ Body 只能出现一次，使用一个 ID。

每个 <tr> 一个 class？没有您在包含元素 <table> 上放置一个 id，并在 CSS 中创建类似 #tableid tr:hover 的东西。

说真的，接受的答案不是很好，既不是代码也不是建议。

HTML CSS How to swap css attributes