在此上下文中,元素样式不允许作为元素div的子元素

时间:2017-06-07 16:51:58

标签: html w3c

我一直在经历W3C错误并清除了除此之外的所有错误。

  

在此上下文中,元素样式不允许作为元素div的子元素。

以下是它所引用的代码:

<style><!--ul.lists { width: 29%; float: left;}--></style>

任何有助于摆脱这最后错误的帮助都将不胜感激。

3 个答案:

答案 0 :(得分:2)

W3C错误消息很好地描述了您的问题和可能的解决方案:

  

上面提到的元素是在不允许的上下文中找到的。这可能意味着您有错误的嵌套元素 - ,例如&#34;样式&#34; &#34; body&#34;中的元素部分而不是内部&#34;头部&#34; - 或两个重叠的元素(不允许)。

您必须将<style>移至网站的<head>区域。

&#13;
&#13;
<html>
  <head>
    <style>
      ul.lists {
        width: 29%;
        float: left;
      }
      /* this is a CSS comment. */
    </style>
  </head>
  <body>
    <div></div>
    <!-- this is a HTML comment. -->
  </body>
</html>
&#13;
&#13;
&#13;

你试着评论一些代码吗?

您正在使用HTML的注释语法而不是CSS。您尝试使用<style><!-- ... -->内的CSS代码进行评论。您必须改为使用CSS语法/* ... */

答案 1 :(得分:0)

在样式标记和CSS文件中,您使用/* ... */来评论内容,而不是像<!-- ... -->

那样的HTML评论方式

答案 2 :(得分:0)

如果您尝试使用内嵌样式,可以使用

<ul style="width:29%;float:left"></ul>

或者将代码放在.css文件中

ul.lists {
  width: 29%;
  float: left;
}

并在HTML

中声明该类
<ul class="lists"></ul>

要在CSS中发表评论,您必须使用/* this is a comment */