【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 正文

怎么解决两个CSS定义冲突?

放大字体  缩小字体 发布日期:2020-04-14 20:31:49    浏览次数:99
导读

  我的网站有两个CSS,一个作为全局的,一个作为具体某一个网页的细化CSS。我同时在某html里引用了这两个CSS,如何使得全局css的优先级最低?这样我的细化css里的background设置就可以不...  我的网站有两个CSS,一个作为全局的,一个作为具体某一个网页的细化CSS。我同时在某html里引用了这两个CSS,如何使得全局css的

  我的网站有两个CSS,一个作为全局的,一个作为具体某一个网页的细化CSS。我同时在某html里引用了这两个CSS,如何使得全局css的优先级最低?这样我的细化css里的background设置就可以不...

  我的网站有两个CSS,一个作为全局的,一个作为具体某一个网页的细化CSS。我同时在某html里引用了这两个CSS,如何使得全局css的优先级最低?这样我的细化css里的background设置就可以不被全局css覆盖了

  展开全部解决方法有很多,如果可以对html改动的话,就给你需要细化的页面元素加多一个class或者ID就行了,当然这种方法应该不是你想要的。那么接下来是不改变HTML的情况下,直接用css的方法来实现你想要的效果——

  假如全局是这样来定义一个元素的样式的:.abc {background:#000},同时这个class为abc的元素是隶属于某个元素的,比如下面这样的html代码结构

  这种方法个人不太推荐,相对而言会简单粗暴一些。同样是上面的例子,在细化CSS里面,只要在样式后面加一个!important,例如这样:

  这种方法比较简单,就是只要把细化css加载在全局css之后就行了,这样后面的样式就会自动覆盖前面的样式。不过如果你的html里面这两个样式表的加载顺序是先细化后全局的话,就要稍微调整一下代码才行。

  div的宽度和高度都是答200像素,但是专背景色不再是全局的背景色了,而是属特别设置的红色了。

 
关键词: css的定义三部分
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-137890.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4