gpt4 book ai didi

html - 在同一应用程序中定位与另一个 css 类同名的特定 css 类?

转载 作者:行者123 更新时间:2023-11-28 05:17:10 25 4
gpt4 key购买 nike

在我的网络表单应用程序的母版页中,我引用了一个包含 .tooltip 类的 .css 文件。我的 Web 应用程序中的所有页面都使用此母版页。现在,在一个特定的页面中,我正在使用从示例应用程序中获得的 JQuery 函数,并且此 JQuery 函数使用示例附带的 .css 中的 .tooltip 类(不同于 Master 中的 .tooltip 类)我的网络应用程序的页面)。我如何在这一页上使用 JQuery 示例附带的 .tooltip css 类并忽略母版页中的 .tooltip 类?我无法修改 JQuery 示例中的 .tooltip 类名,而且从母版页重命名 .tooltip 类会非常耗时。解决方法是什么?

这是CSS

style type="text/css">
body
{
font-size: 10pt;
font-family: Arial;
}
body
{
font-family: Arial;
font-size: 10pt;
}
table
{
border: 1px solid #ccc;
}
table th
{
background-color: #F7F7F7;
color: #333;
font-weight: bold;
}
table th, table td
{
padding: 5px;
border-color: #ccc;
}
.tooltip
{
position: absolute;
top: 0;
left: 0;
z-index: 3;
display: none;
background-color: #2840B8;
color: White;
padding: 5px;
font-size: 10pt;
font-family: Arial;
}
table td
{
cursor: pointer;
}

.hiddencol
{
display: none;
}
</style>

最佳答案

由于您使用的是 ASP.net,我假设您可以向母版页/模板添加几行代码。

在您的母版页/模板上,在您链接到 CSS 文件的部分中,添加一个条件(if 语句)来检查需要特殊 CSS 文件的特定页面的名称。

对于特定页面,添加指向其他 CSS 文件的链接,使其显示在标准 CSS 文件之后。

最底部 CSS 文件中的 .tooltip 规则将覆盖早期 CSS 文件中的规则,这可能会解决这个问题。

那么唯一要注意的是,如果 tooptip 出现在其他类和选择器的规则中,那么您可能必须确保早期 CSS 文件中的所有规则在最底部的 CSS 文件。

关于html - 在同一应用程序中定位与另一个 css 类同名的特定 css 类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39256945/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com