gpt4 book ai didi

html - CSS 改变样式无需重写

转载 作者:太空宇宙 更新时间:2023-11-03 21:04:12 26 4
gpt4 key购买 nike

当我有这个 html 文件时:

<html>
<head>
<style>
h1{
color: green;
}
main{
color: red;
}
</style>
</head>
<body>
<h1>I'm green!</h1>
<main>
<h2>I'm red!</h2>
<h1>I also should be red!</h1>
</main>
</body>
</html>

我可以在不写的情况下将第二个 h1(在 main 内)设为红色吗:main h1{color: red;}

最佳答案

是的。不过最好还是写 main h1 { color: red }

根据评论编辑

对于较大的元素,您可以为 h1 等元素定义基本级别样式,然后在需要时使用类/id 获得更具体的样式:h1#page-header

您也可以尝试 SASS,它允许您使用像 $main-color: #333; 这样的变量。如果你在你的字体样式中使用这个变量,比如 p { color: $main-color}h1 {color: $main-color} 你只需要修改$main-color 变量。

h1 {
color: green;
}

h1:last-child {
color: red;
}

main {
color: red;
}
<h1>I'm green!</h1>
<main>
<h2>I'm red!</h2>
<h1>I also should be red!</h1>
</main>

关于html - CSS 改变样式无需重写,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55618297/

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