Question

我在一个体内有一个课，例如：

<body class="test">

在这个主体中有几个HTML标签：section，div，footer等......

我想知道是否可以分别使用每个div的body类。

例如，这将是HTML代码：

<body class="test">
    <div id="article">
    </div>
</body>

这就是CSS代码：

.test #article {margin-left: 100px;}

可以这样做吗？这是正确的方法吗？

感谢。

Answer 1

您不能多次使用body，如果您期望这样做，那就是无效的HTML，文档只能包含单个body元素。

但是，如果您正在讨论将class分配给body代码，那么您可以使用>直接后代选择器和element.class选择器选择只有body id #article body.test > #article { margin-left: 100px; }的直接元素，这也会使您的选择精确

id

通过这种方式，您将定位#article body class的元素，其中文档.test的{{1}}为id。

此外，请记住，无论ID分配给哪个元素，ID都是唯一的，因此如果您对body标记使用body，那么它会更好，如果您要定位更多嵌套在classes内的元素比使用body#test > .article { margin-left: 100px; }更好地使用这些元素，因此您的选择器可以写成

{{1}}

Answer 2

是的，可以将CSS标记（与特定的body类）从具有不同类的body（或根本没有类）的其他页面分开。

每个页面只能有一个正文标记（完整的html文件或由各个部分构建）。

Answer 3

首先，您现在应该可以参考基本的html元素，例如标题，部分，页脚，旁边，导航，文章，而不是制作类或ID选择器。

例如：

HTML

<body>
    <div id="article">
    </div>
</body>

CSS

body
{
   display: block;
}

所以最终的css就像

body #article {margin-left: 100px;}

你的方式也是正确的。我建议你使用类或ID 为了简化您的代码。如果你不这样做没有错，但有时候可能会让你感到困惑。

最后你应该避免使用名称“article”的id或类，因为它是html5中的基本元素

在body中使用body类来表示div

3 个答案: