网站建设

PC + 手机 + 微信网站 + 小程序 + APP,五端合一

当前位置:首页>新闻资讯>网站建设

CSS样式优先权问题

时间:2023-11-19   访问量:1117

由于存在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的背景色为黑色。这样就可以在大多数相同的情况下,对个别特例进行单独设计。

上一篇:怎么建立自己的个人网站

下一篇:创新联网服务及应用

发表评论:

评论记录:

未查询到任何数据!

在线咨询

点击这里给我发消息 售前咨询专员

点击这里给我发消息 售后服务专员

在线咨询

免费通话

24小时免费咨询

请输入您的联系电话,座机请加区号

免费通话

微信扫一扫

微信联系
返回顶部