zoukankan      html  css  js  c++  java
  • 覆盖css类样式,必须注意css类名前缀的一致

    我都不知道怎么叙述了

    简单来说,如果你有这样的div:

    <div class="c1 c2 ">
    </div>

    然后你想用c2中的某些样式覆盖c1中的,例如字体,或者是display之类,那如果样式表里的c1写成这样:

    div.c1{
        display:none;
    }

    然后在样式表里这样覆盖c1中的样式:

    .c2{
        display:block;
    }

    那么是实现不了的,c2 的样式不会覆盖c1的样式,而是仍然沿用c1的样式。

    如果你需要用c2的display样式覆盖c1的,则必须修改c1样式表内容为:

    .c1{
        display:none;    
    }

    和上面的不同之处是不带前缀div

    这一点如果不明白,在使用时会注意不到,引起很多不必要的耗时。

  • 相关阅读:
    MySQL 练习题
    MySQL 增删查改
    HTML显示与隐藏
    360布局
    div布局
    HTML练习2
    HTML练习

    if语句的用法及其案例
    输入输出,数据类型与运算符
  • 原文地址:https://www.cnblogs.com/salading/p/4385176.html
Copyright © 2011-2022 走看看