ome/img/nav3_on.png">
APP
系统平台
  • 建站知识
  • 联系我们
    • 咨询热线 ：
    028-86922220
    ×
    01
    关于我们

    公司简介

    发展历程

    02
    服务项目

    高端网站建设

    微信开发

    APP开发

    网络营销服务

    电商网站定制

    生物医药网站建设

    外贸网站建设

    教育培训网站建设

    03
    小程序开发

    小程序开发

    功能应用

    客户案例

    04
    案例展示

    网站建设案例

    小程序案例

    电商平台案例

    APP案例

    系统平台案例

    05
    建站动态

    网站建设

    网站设计

    网站营销

    小程序

    06
    联系我们

    公司地址

    人才招聘

    地址：成都市太升南路288号锦天国际A幢1002号

    电话：028-86922220

    028-86922220

    疆括仕网站建设，新征程启航

    为企业提供网站建设、域名注册、服务器等服务

    CSS样式中!important、*、_符号的示例分析-创新互联

    这篇文章将为大家详细讲解有关CSS样式中!important、*、_符号的示例分析，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

    创新互联服务项目包括无极网站建设、无极网站制作、无极网页制作以及无极网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，无极网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到无极省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

    详解CSS样式中的!important、*、_符号

    !important、*、_其实没什么用，皆是用来设置样式的优先级，但是样式的优先级你可以自行排好其先后位置来设置，然而你还是要看懂的。

    我们知道，CSS写在不同的地方有不同的优先级， .css文件中的定义 < 元素style中的属性，但是如果使用!important，事情就会变得不一样。

    首先，先看下面一段代码：

     
 
 
   
  !Important  
  
 
   
    呵呵 
  
     
 

    “呵呵”两字被定义了两个color，原本在color:red在color:blue之后，这两字应该是红色的，默认取最接近字体的颜色
    但是color:blue之后添加了!important，导致color:blue的优先级最高，“呵呵”两字应为蓝色，具体效果如下：

    CSS样式中!important、*、_符号的示例分析

    然而，IE6并不能识别style属性中的!important符号，所以导致还是按原来的样式优先级，把“呵呵”两字搞成了红色。

    css样式中的!important、*、_符号，皆是用来设置优先级的，但是这些符号，仅在特定的浏览器中适用，具体如下：

    IE都能识别*;标准浏览器(如FF)不能识别*；

    IE6能识别*，但不能识别 !important;

    IE7能识别*，也能识别!important;

    FF不能识别*，但能识别!important;

    下划线"_", IE6支持下划线，IE7和firefox均不支持下划线。

    因此，可以在style属性中定义如下属性，来区分IE6，IE7，firefox:

    background:orange;*background:green;_background:blue;

    还可以这样来区分IE6，IE7，firefox:

    background:orange;*background:green !important;*background:blue;

    如下的代码：

     
 
 
   
  !Important  
  
 
   
    区分IE7、IE8、火狐 
  
     
   
    区分IE7、IE8、火狐 
  
     
 

    其运行效果如下：

    （1）IE7

    CSS样式中!important、*、_符号的示例分析

    （2）IE8及其以上的浏览器，含火狐等。

    CSS样式中!important、*、_符号的示例分析

    （3）IE6

    CSS样式中!important、*、_符号的示例分析

    然而，这样的区别，仅能够自己用于调试，真正的前端编程还是应该利用JavaScript对浏览器的标识判断，来判断这些浏览器的类型。

    最后再补充一句，其实IE6仅仅是不能识别style中的!important，如果代码如下所示：

     
 
 
   
  测试Css中的!Important区别  
   
    .testClass{  
    color:blue !important; 
    } 
   
 
 
   
    测试Css中的Important 
  
     
 

    无论是在ie6-10或者Firefox和Chrome表现都是一致的，都显示蓝色。

    关于“CSS样式中!important、*、_符号的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。


    当前名称：CSS样式中!important、*、_符号的示例分析-创新互联
    转载来源：https://www.tyhkzb.com/article/ceiggj.html

    其他资讯

    分享至：
    关于我们
    公司简介 发展历程
    服务项目
    高端网站建设 小程序开发 APP开发 网络营销
    建站知识
    行业新闻 建站学堂 常见问题
    联系我们
    公司地址 人才招聘
    成都 大悟县
    电话：028-86922220
    地址：成都市太升南路288号锦天国际A幢1002号
    电话：028-86922220
    地址：湖省孝感市大悟县城关镇鄂北物流城13栋125号
    版权所有：大悟县疆括仕商贸有限公司 鄂ICP备2025139637号-7
    在线咨询
    服务热线
    服务热线：028-86922220
    TOP