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的背景色为黑色。这样就可以在大多数相同的情况下,对个别特例进行单独设计。
推荐新闻
更多行业-
建设机械类网站有哪些好的方案,机械类网站如何做好优化
自从百度绿萝算法问世以来,许多站长一次又一次地失败,并在很长一段时间后...
2020-03-16 -
网站设计制作过程中应注意的问题
在网站设计或制作过程中,大家可能会非常重视网页设计的是不是漂亮,是不是...
2014-08-13 -
精品课程网站设计策略及创建思路
精品课程是国家教育部关于高等学校教学质量 和教学改革工程的重要内容, ...
2012-07-20 -
网站设计的难度会很高吗?建设步骤都有什么?
目前很多企业都会极为关注互联网方面的发展,这是因为网络的传播速度极高,...
2022-09-13 -
新手网站制作过程中常遇到的SEO问题
随着互联网的发展,电子商务的成熟,传统营销手段的限制,越来越多的企业将...
2012-07-18 -
photoshop主要应用哪些领域都能做什么
Photoshop CS5主要应用于与电脑美术相关的行业,如平面设计、...
2015-11-30
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com