gpt4 book ai didi

CSS - 是否可以将类的相同规范分配给 id

转载 作者:太空宇宙 更新时间:2023-11-03 20:18:30 25 4
gpt4 key购买 nike

我正在使用一个自动生成一些 HTML 页面的应用程序,我需要为这些页面编写一些 CSS 文件。我想重用几个类(由 jquery-ui 主题生成),但我不能更改任何 HTML 元素

那么,是否可以将同一个类的规范赋值给一个id呢?

如果这是可能的,那么我会很容易地在我的类和 ID 之间创建一个映射。

例子:

<html>
<head><style>
#charlieID {
/* I want #charlie to be identical to .alphaClass */
/* Assume that I can not change the HTML (it will be auto generated by another application)*/
}

.alphaClass {
font-size: small;
color: lime;
}

.betaClass {
font-size: medium;
color: blue;
}
</style></head>
<body>
<p class="alphaClass">Alpha</p>
<p class="betaClass">Beta</p>
<p id="charlieID" class="charlieClass">Charlie</p>
<body></html>

我将在整个应用程序中管理数百个(可能是数千个)ID,不一定在一个页面中。因此,在 CSS 方面,我拥有完全的自由,因此我可以将其分解为多个 CSS 文件(每个页面一个文件)以控制 ID,另一个主要 CSS 与我的类。

最佳答案

据我所知,没有办法在纯 CSS 中“继承”现有类的样式。

如果客户端脚本可接受,您可以动态添加类。 jQuery 示例:

$(document).ready(function() {$('#charlieID').addClass('alphaClass');});

请注意,如果您确实能够更改现有的 CSS,那么我误解了您的问题。在这种情况下,您不必显式重写样式,只需使用逗号分隔的列表即可:

#charlieID, 
.alphaClass {
font-size: small;
color: lime;
}

既然您确实能够编辑 CSS,您还可以研究更高级的语言,例如 LESS .在 LESS 中,您可以执行以下操作:

.alphaClass {
font-size: small;
color: lime;
}

#charlieID {
.alphaClass
}

关于CSS - 是否可以将类的相同规范分配给 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15891911/

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