坚持为客户提供有价值的服务和内容

CSS样式优先权问题

商企云 | 2021-07-06 | 分享至:
由于存在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的背景色为黑色。这样就可以在大多数相同的情况下,对个别特例进行单独设计。
扫二维码与项目经理沟通

7*24小时为您服务

解答:网站优化,网站建设,APP开发,小程序开发,H5开发,品牌推广,新闻推广,舆情监测等

  非常感谢您有耐心的读完这篇文章:"CSS样式优先权问题",更多内容请继续浏览,我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供:网站建设与开发网站优化品牌推广、APP开发、小程序开发新闻推广等服务,我们以“降低营销成本,提高营销效果”的服务理念,自创立至今,已成功服务过不同行业的1000多家企业,获得国家高新技术企业认证,且拥有14项国家软件著作权,将力争成为国内企业心目中值得信赖的互联网产品及服务提供商。如您需要合作,请扫码咨询,我们将诚挚为您服务。
我要咨询
姓名 :
电话 :
文章分类