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

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

程序员文章站 2023-12-27 23:37:45
...
如果在外部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;}


    在页面又定义一次:


    然后这样引用:


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

    .style2{
    background:#000000;
    }

    少了个点号。

    .style2{
    background:#000000;
    }

    少了个点号。

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

上一篇:

下一篇: