CSS重复定义的问题请教_html/css_WEB-ITnose

来源：动视网责编：小采时间：2020-11-27 15:49:23

CSS重复定义的问题请教_html/css_WEB-ITnose

CSS重复定义的问题请教_html/css_WEB-ITnose:如果在外部CSS文件里已经对UL和LI定义了样式：那么在当前页面，我再定义一个样式，再应用到下的，是不是就无效了？回复讨论(解决方案) 外部css样式和内部css样式同时存在，以内部css样式为准。内部css样式与标签的style属性同时存在，以s

推荐度：

点击下载本文 文档为doc格式

导读CSS重复定义的问题请教_html/css_WEB-ITnose:如果在外部CSS文件里已经对UL和LI定义了样式：那么在当前页面，我再定义一个样式，再应用到下的，是不是就无效了？回复讨论(解决方案) 外部css样式和内部css样式同时存在，以内部css样式为准。内部css样式与标签的style属性同时存在，以s

如果在外部CSS文件里已经对UL和LI定义了样式：

那么在当前页面，我再定义一个样式，再应用到下的

，是不是就无效了？

回复讨论(解决方案)

外部css样式和内部css样式同时存在，以内部css样式为准。
内部css样式与标签的style属性同时存在，以style属性的样式为准。

你说的这种情况应该是两者都会有效，但CSS类的优先级更高，如果存在相同的样式属性，CSS类中的定义的样式会覆盖对ul li样式。
CSS优先级： http://spemoon.github.com/blog/2011/09/06/css-priority/

你说的这种情况应该是两者都会有效，但CSS类的优先级更高，如果存在相同的样式属性，CSS类中的定义的样式会覆盖对ul li样式。
CSS优先级：http://spemoon.github.com/blog/2011/09/06/css-priority/

我在外部CSS如此定义：

ul#navmenu li:hover li a,ul#navmenu li.iehover li a { float: none; background:#6699CC; color:#FFFFFF; border-bottom:#FFFFFF solid 1px; text-align:left; padding-left:10px; width:180px; }ul#navmenu li:hover li a:hover,ul#navmenu li:hover li:hover a,ul#navmenu li.iehover li a:hover,ul#navmenu li.iehover li.iehover a { background:#99CC00; color:#FFFFFF;}

在页面又定义一次：

然后这样引用：

test

test2

为啥第一个LI没有成功引用style2的样式呢？还是我格式写错了？

.style2{
background:#000000;
}

少了个点号。

.style2{
background:#000000;
}

少了个点号。

昏倒，又犯了低级错误，真是太感激你了！马上派分！！！