html CSS中的section_padding

g2ieeal7 于 2023-04-27 发布在其他

关注(0)|答案(1)|浏览(169)

我正在浏览一个youtube tuturial for react，我想知道这个CSS命令是否以及如何执行

.gpt3__header {
    display: flex;
}

影响此HTML标记

<div className="gpt3__header section_padding" id="home">

section_padding是内部CSS命令的一部分吗？这意味着section_padding在类名gpt3__header section_padding中被忽略，因此CSS与HTML匹配

1条答案

HTML标签可以有几个类，这可以使用以下语法完成。

class="className1 className2 className3..."

您包含的CSS代码将影响任何具有类.gpt3__header的HTML元素，无论该元素是否列出了其他类。
此外，如果你想只对类为gpt3__header和section_padding的元素应用一些CSS代码，你所要做的就是像这样链接它们：

.gpt3__header.section_padding {
    display: flex;
}

上面的代码将只影响两个类的元素。
要进一步了解CSS选择器及其工作原理，请查看MDN page。
这里有一个website，它可以将CSS选择器翻译成简单的英语，这将帮助您避免任何混乱。