gpt4 book ai didi

html - 仅将样式表应用于特定元素特征

转载 作者:可可西里 更新时间:2023-11-01 12:51:10 25 4
gpt4 key购买 nike

在进行了一些谷歌搜索后,我无法得出答案,所以这是我的问题。有没有一种方法可以指定一个特定的元素特征,比如一个 id,整个样式表应该应用到其中?

例如,如果我有这样一段 html

<html>
<head>
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
<div id="my_id">
<!-- A bunch of elements here -->
</div>
</body>
</html>

有没有一种方法可以指定./style.css中包含的规则只应用于匹配#my_id中的元素,类似于指定 >#my_id 在样式表中的每个规则之前。

我理解在每个规则之前指定 #my_id 将实现此目的,但我想知道是否有一种方法可以做到这一点而无需向样式表添加膨胀。

我正在编写一个 greasemonkey(userscript) 脚本,它在特定页面上创建一个“容器”元素,它在其中创建并放置所需的所有其他 GUI 元素。我不希望我的 CSS 干扰页面上的 CSS(例如不小心覆盖了页面上已经存在的规则),但如果可以避免的话,我不想在我的样式表中添加不必要的膨胀,因为所有规则应用于“包装器”元素和/或其子元素。

最佳答案

据我所知这是不可能的。正如您所说,您可以在规则前加上 ID,但这不是您想要做的。

不过我要说的是,您不必为单个 ID 指定样式表,因为 ID 在页面上下文中应该是唯一的。此外,我发现将相同的 ID 应用于在不同页面上用于不同目的的元素是一种不好的做法,因为这会使编写常见的 JavaScript 页面变得非常困惑。

关于html - 仅将样式表应用于特定元素特征,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13718842/

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