Question

w3.org验证器给了我这个错误：

Line 322, Column 29: Element style is missing required attribute scoped.
<style type="text/css">

设置我的HTML代码：

     <!DOCTYPE html>
    <head>
    <meta charset="UTF-8">
    <title>title</title>
    </head>
    <body>
    <style type="text/css"></style>
<script type="text/javascript"></script>
    </body>
    </html>

对于重力形式插件在wordpress中。

    <style type="text/css">
.gright,.gform_wrapper form ,.gform_wrapper ul li:before, .gform_wrapper ul li:after, .gform_wrapper ul.gform_fields {
text-align: right !important;
direction:rtl !important;
}
.gleft,.gform_wrapper input[type="url"], .gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], 
.gform_wrapper input[type="password"],body.rtl .gform_wrapper input[type="email"], body.rtl .gform_wrapper input[type="password"],
body.rtl .gform_wrapper input[type="url"], body.rtl .gform_wrapper input[type="tel"],body .gform_wrapper.gf_rtl_wrapper input[type="email"],
body .gform_wrapper.gf_rtl_wrapper input[type="password"], body .gform_wrapper.gf_rtl_wrapper input[type="url"], body .gform_wrapper.gf_rtl_wrapper input[type="tel"] {
text-align:left !important;
direction:ltr !important;
}
.gform_wrapper .ginput_complex .ginput_left {
float: right !important;
}
.gform_wrapper .ginput_complex .ginput_right {
float: left !important;
                        }
                        .gform_wrapper .gfield_checkbox li label,
                        .gform_wrapper .gfield_radio li label {
                            margin-right:20px !important;
                        }↩
                        .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span.name_first,
                        .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span.name_middle,
                        .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first{
                            margin-right:0px !important;
                            margin-left: 1.3% !important;
                        }
                    </style>

请帮我修复wordpress中的html或插件。

Answer 1

<style>元素可以将scoped属性应用于页面的某个部分，并且需要“作用域”以包含在该部分中。

如果存在，则表示样式仅适用于子树以style元素的父元素为根，而不是整个文件。

通过将样式元素放在正文中，验证器假定您正在尝试执行此操作，而如果不这样做，则将其标记为错误。因此，如果您像其他人建议的那样做错误并且将样式正确地放在它所属的head元素内，或者正如规范所说的那样正确地定义样式，则错误将消失。但是，我不记得浏览器是否会这样做。

w3.org验证器eror

1 个答案: