当前位置:Gxlcms > html代码 > CSS重复定义的问题请教_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:4人阅读

如果在外部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;
    }

    少了个点号。

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

人气教程排行