gpt4 book ai didi

html - 应用于 HTML 页面主体元素的 CSS 选择器

转载 作者:行者123 更新时间:2023-12-04 02:01:33 26 4
gpt4 key购买 nike

我有 4 个不同的页面(页面 A、B、C、D)和 CSS 代码

body{
margin-top:50px;
}

假设我希望页面 B 具有不同的边距 (margin-top:20px;),那么我该如何将其放入 css 文件中。

也许像下面这样的东西会很酷。

@pagename.body{
margin-top:20px;
}

最佳答案

要实现此目标,请将以下内容添加到您的 HTML 中:

<body id="pagename">

并相应修改CSS:

body#pagename{
margin-top:20px;
}

如果相同的样式适用于许多页面,您可以使用 class 而不是 id:

HTML

<body class="pagename">

CSS

body.pagename{
margin-top:20px;
}

请注意,在 CSS 选择器中使用 HTML body 标签是可选的:您可以只使用 #pagename 而不是 body#pagename,或 .pagename 而不是 body.pagename

此外,下面是页面 body 元素的直接样式示例,它提供了最紧凑的样式语法(与您的 CSS 示例相关):

<body style="margin-top:20px;">

希望这对您有所帮助。最好的问候,

关于html - 应用于 HTML 页面主体元素的 CSS 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30674495/

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