MENU 服务 案例
欧博官网
我们通过拥抱变化创造
360°的品牌价值__
简体
简体中文 English

上海市欧博官网督畔信息技术有限公司与山东真诺智能设备有限公司签署网站改版合作协议

类型:上海市欧博官网督畔信息技术有限公司动态 了解更多

CSS样式优先权问题

来源:上海市欧博官网督畔信息技术有限公司中国| 类型:网站百科| 时间:2014-08-04
由于存在3种不同的样式表导入方式,以及各种种类繁多的样式选择符,因此在Css样式的定义中,难免存在重复定义。对于浏览器来说,究竟优先执行哪一个定义,这便是我们需要考虑的问题。在上海网站建设CSS设计中,样式优先问题不容忽视。

写法优先权

从样式写入的位置来看,它们的优先级依次是:
行内样式表。
内部样式表。
外部样式表。
也就是说,在相同的CSS定义情况下,使用style定义在XHTML标签之中的样式,其必然优先于写在 之间的样式定义.其次或者说最后才是对外部样式表调用及应用。

选择符优先权

对于id与class而言,id的定义优先于class的定义。比如:
{...文本...}

在同时定义了两种选择符的情况下,比如:

#layout {
background-color:blue;
}
.mylayout{
Background-color:red;
}

div将执行id中的定义,即背景色为blue。而具有class属性比没有class属性的优先权要大,比如下面的CSS定义:
.mylayout{
    background-color:red;
}
div{
   background-color:green;
}

div将执行class中的定义,即背景色为red。从选择符的优先权上看:id>class>类型选择符。选择符优先权能够帮助我们优化CSS定义代码。
div{
background-color:green;
}
div#news{
background-color:black;
}
所有的div背景色都是绿色,但id为news的背景色为黑色。这样就可以在大多数相同的情况下,对个别特例进行单独设计。
来源声明:本文章系上海市欧博官网督畔信息技术有限公司中国编辑原创或采编整理,如需转载请注明来自上海市欧博官网督畔信息技术有限公司中国。以上内容部分(包含图片、文字)来源于网络,如有侵权,请及时与本站联系(021-71886699)。
TAG标签:

如果您的网站可以增加转化次数并提高客户满意度,该怎么办?

预约专业咨询顾问沟通!

*上海市欧博官网督畔信息技术有限公司专业顾问将尽快与您联系

免责声明

非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。

4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!

联系方式:021-71886699
电子邮件:394588593@qq.com

现在就与专业咨询顾问沟通!

  • 全国服务热线

    71886699

  • 上海服务热线

    021-71886699

信息保护中请放心填写
在线咨询

免责声明

非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。

4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!

联系方式:021-71886699
电子邮件:394588593@qq.com