欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

为什么每个DIV框架中,最外围的DIV 的CSS无效,后面的DIV 的CSS都有效_html/css_WEB-ITnose

程序员文章站 2022-05-25 17:18:27
...
HTML代码

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.



CSS代码

.about_content{height:400px;}

第一个无效

第二个有效

第三个无效


回复讨论(解决方案)

样式都贴出来吧

样式都贴出来吧



样式都贴出来吧



样式太多了,这些就是主要的了,其实我想问下,设置DIV的背景图片 没有 alt 属性会不会有影响

[b]

不会

设置DIV的背景图片 没有 alt 属性会不会有影响
=>不会影响。是被别的DIV样式会覆盖了吗?F12 查看下。

不会影响。。

第一个无效的原因是,你元素内部声明了内敛样式style,内敛样式的优先级是最大的,你的内联样式和类选择器的属性样式一样的话,就把它覆盖掉了,所以你F12看到的类选择器样式就没有生效;

第三个无效的原因,你没有把CSS样式贴出来,所以看不出来。

最外围的,你可以设置style=""在这个里面写,如果可以,那么就是你设置的优先级的问题,,优先级一搬是 !import>id>class>tag

感谢大家,主要是注释的问题,优先级也没怎么搞清楚,问题已解决