Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 浏览器误读了具有多个类的Div_Html_Css - Fatal编程技术网

Html 浏览器误读了具有多个类的Div

Html 浏览器误读了具有多个类的Div,html,css,Html,Css,我有一个html代码 测试 我还包括一个css div.group-summary{float:right;} 但它不起作用 如果我尝试: div.required-fields.group-summary.field-group-html-element{float:right;} 那么它就可以正常工作了。有什么东西我遗漏了吗。第二条规则div.required-fields.group summary.field组html元素比第一条更具体,可能会覆盖第三条相反的规则,这条规则比第一条规则更

我有一个html代码

测试

我还包括一个css

div.group-summary{float:right;}

但它不起作用

如果我尝试:

div.required-fields.group-summary.field-group-html-element{float:right;}


那么它就可以正常工作了。有什么东西我遗漏了吗。第二条规则
div.required-fields.group summary.field组html元素比第一条更具体,可能会覆盖第三条相反的规则,这条规则比第一条规则更具体,但比第二条规则更不具体,例如

div.group-summary {
    float:right;
}

div.required-fields.group-summary {
    float: left;
}
浮动:左
,而

div.required-fields.group-summary {
    float: left;
}

div.required-fields.group-summary.field-group-html-element {
    float:right;
}

will
float:right

第二条规则
div.required-fields.group summary.field组html元素
比第一条规则更具体,可能会覆盖第三条相反的规则,该规则比第一条规则更具体,但比第二条规则更不具体,例如

div.group-summary {
    float:right;
}

div.required-fields.group-summary {
    float: left;
}
浮动:左
,而

div.required-fields.group-summary {
    float: left;
}

div.required-fields.group-summary.field-group-html-element {
    float:right;
}

will
float:right

第二条规则
div.required-fields.group summary.field组html元素
比第一条规则更具体,可能会覆盖第三条相反的规则,该规则比第一条规则更具体,但比第二条规则更不具体,例如

div.group-summary {
    float:right;
}

div.required-fields.group-summary {
    float: left;
}
浮动:左
,而

div.required-fields.group-summary {
    float: left;
}

div.required-fields.group-summary.field-group-html-element {
    float:right;
}

will
float:right

第二条规则
div.required-fields.group summary.field组html元素
比第一条规则更具体,可能会覆盖第三条相反的规则,该规则比第一条规则更具体,但比第二条规则更不具体,例如

div.group-summary {
    float:right;
}

div.required-fields.group-summary {
    float: left;
}
浮动:左
,而

div.required-fields.group-summary {
    float: left;
}

div.required-fields.group-summary.field-group-html-element {
    float:right;
}

will
float:right

适用于两个版本(Firefox 20),如果您有其他影响div的css规则,则会发生这种情况,您需要使用浏览器开发工具来检查针对这两个版本(Firefox 20)的
div
的其他目标,如果您有其他影响div的css规则,您需要使用浏览器开发人员工具来检查
div
在这两个版本(Firefox 20)中都适用,如果您有其他影响div的css规则,就会发生这种情况,您需要使用浏览器开发人员工具来检查
div
在两个版本(Firefox 20)中都适用,如果您有其他影响div的css规则,您需要使用浏览器开发人员工具来检查
div
的其他目标,谢谢!对div做各种事情有很多规则,所以我必须先复习一下。我明白了,谢谢!对div做各种事情有很多规则,所以我必须先复习一下。我明白了,谢谢!对div做各种事情有很多规则,所以我必须先复习一下。我明白了,谢谢!有很多规则对div执行各种操作,所以我必须首先回顾一下。