我正在做一个元素,我有多个页面。 我只有一个 CSS 文件。我在一个页面的表中指定了 tr:hover 属性,但在另一页上我也有一个表,我不想在其中应用此属性。有什么办法吗?它会在悬停时改变颜色,但我希望它只应用于一个特定的页面。
我的想法是制作第二个 CSS 文件,但我宁愿不这样做,因为我们被告知要尝试将所有内容整合到一个文件中。
最佳答案
你在这里回答的是 body 类的精彩世界。您将为每个页面应用一个类,对于您可以使用的主页:
<body class="homePage">
对于其他页面,其他类。然后,您可以像这样在每个页面的基础上定位这些页面:
.homePage tr:hover {background: pink;}
.aboutPage tr:hover {background: red;}
或者,您可以简单地对表进行 ID:
<table id="table1">
然后只针对那个表:
#table1 tr:hover {background: pink}
...但我推荐 body 标签作为一般工作的好方法。
关于HTML CSS 如何交换 css 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40566554/