gpt4 book ai didi

html - CSS - 通过网站结构而不是大量类来设计网站样式

转载 作者:行者123 更新时间:2023-11-28 00:31:45 25 4
gpt4 key购买 nike

我目前正在写一个小网站来娱乐和现在我需要设计它而且我在 CSS 方面并没有真正的经验。我不想在我的 html 文件中声明大量的类或 ID,所以我的问题是是否有办法在 CSS 代码中避免这些。

有没有办法只对 child 应用 CSS 声明,这样我就可以按结构设计网站

我已经试过了

header article {
css-declaration;
}

header.article {
css-declaration;
}

但是这些都没有用。我也做了一些研究,但我没有找到任何东西。

示例代码:

<body>
<header>
<h>Title</h>
</header>

<article>
<header>
<h>Article Title</h>
</header>

<section>
<h>Section Title</h>
</section>
</article>
</body>
article header h {
css-declaration;
}

正如您可能想象的那样,我只想影响 <h>元素(文章标题),位于 <header><article> 内,但我不想影响 <h> <header> 中的元素(标题) <body> 中的元素元素也不是 <h> <section> 中的元素(章节标题)元素。

最佳答案

解决方案已经在您的问题中:

article header h {
css-declaration;
}

这只会影响里面的标签,不会影响其他标签

关于html - CSS - 通过网站结构而不是大量类来设计网站样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54378525/

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