【问题标题】:How to add class for body tag如何为body标签添加类
【发布时间】:2014-04-11 01:12:21
【问题描述】:

我添加了一个 forbody 类并将它放在 css 的 body 部分。 css 中的代码也是如此。但它不起作用。

在代码中

<body class="forbody">


</body>

在 CSS 中

body .forbody {
  padding: 0px;
  margin: 0 auto;
  max-width: 100px;
  height:1150px;
  }

【问题讨论】:

  • 去掉css中的body word
  • 我删除了正文,只将它作为 .forbody 保留在 css 中并且它起作用了。 @airi
  • CSS 应该是body.forbody(没有空格)

标签: css tags


【解决方案1】:

删除 CSS 中 body.forbody 之间的空格。一个空间指定了树下方的另一个元素。也就是说,body .forbody(带有空格)将定位 body 元素的子元素,类为“forbody”。如果没有空格,body.forbody 将针对 body 元素本身,当它们具有类“forbody”时。

或者,如果“forbody”类仅用于正文 - 或者换句话说,您不需要区分 body.forbodyp.forbody - 您可以简单地省略“正文”部分完全在选择器中,留下.forbody { ... }

【讨论】:

    【解决方案2】:

    因为你使用类 forbody 你不需要把body放在前面,使用类名

    <body class="forbody"> - html
    
    .forbody {
      padding: 0px;
      margin: 0 auto;
      max-width: 100px;
      height:1150px;
    }
    

    或者在某些情况下,如果不想要外部 css 或使用类,您也可以这样做:

    <body style="padding:0px;margin:0;max-width:100px;height:1150px;">
    

    【讨论】:

      【解决方案3】:

      您不需要 body 部分。 CSS 应该如下所示:

      .forbody {
        padding: 0px;
        margin: 0 auto;
        max-width: 100px;
        height:1150px;
      }
      

      希望这会有所帮助!

      【讨论】:

        猜你喜欢
        • 2014-07-28
        • 1970-01-01
        • 2017-09-18
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-01-22
        • 2018-05-22
        • 1970-01-01
        相关资源
        最近更新 更多