自己写的样式被覆盖了,能从F12中看出是哪些样式或者css文件覆盖了它吗

昵称是可以中文吗 2018-06-14 09:49:32
如题,楼主自己写的样式被覆盖了,能从F12中看出是哪些样式或者css文件覆盖了它吗

...全文
1774 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
ambit_tsai-微信 2018-06-15
  • 打赏
  • 举报
回复
引用 6 楼 SCAUSCNU 的回复:
[quote=引用 2 楼 ambit_tsai 的回复:] F12下,选中目标元素,看它的样式,有划线的就是被覆盖的,旁边还有样式来源说明,如你图中右上角的main.css。 样式被覆盖可通过提高优先级解决: 内联样式表的权值最高为1000, ID 选择器的权值为 100, Class 类选择器的权值为 10, HTML 标签(类型)选择器的权值为 1。
划线知道是被覆盖,就是不知道哪些样式覆盖了它[/quote] 往上找啊,找那个没有下划线的就是了
晓阳陌 2018-06-15
  • 打赏
  • 举报
回复
如图,下面的padding被上面的覆盖了,一般覆盖的样式都靠前
晓阳陌 2018-06-15
  • 打赏
  • 举报
回复
引用 4 楼 SCAUSCNU 的回复:
[quote=引用 1 楼 u012804915 的回复:] 没被划线的就是生效的,对较下就知道了
F12右下角好多没划线的[/quote] 比如margin,没被划线就是生效,那么你想知道你写的margin被哪个样式里的margin覆盖就要去看哪个没被划线,就是被那个覆盖了
  • 打赏
  • 举报
回复
引用 2 楼 ambit_tsai 的回复:
F12下,选中目标元素,看它的样式,有划线的就是被覆盖的,旁边还有样式来源说明,如你图中右上角的main.css。 样式被覆盖可通过提高优先级解决: 内联样式表的权值最高为1000, ID 选择器的权值为 100, Class 类选择器的权值为 10, HTML 标签(类型)选择器的权值为 1。
划线知道是被覆盖,就是不知道哪些样式覆盖了它
  • 打赏
  • 举报
回复
引用 楼主 SCAUSCNU 的回复:
如题,楼主自己写的样式被覆盖了,能从F12中看出是哪些样式或者css文件覆盖了它吗
划线知道是被覆盖,就是不知道哪些样式覆盖了它
  • 打赏
  • 举报
回复
引用 1 楼 u012804915 的回复:
没被划线的就是生效的,对较下就知道了
F12右下角好多没划线的
___紫菜 2018-06-15
  • 打赏
  • 举报
回复
想让自己的生效在样式后面加!important
  • 打赏
  • 举报
回复
引用 8 楼 u012804915 的回复:
如图,下面的padding被上面的覆盖了,一般覆盖的样式都靠前

好像你说的不太对吧,上面没东西,下面的样式还是被覆盖了。
  • 打赏
  • 举报
回复
引用 8 楼 u012804915 的回复:
如图,下面的padding被上面的覆盖了,一般覆盖的样式都靠前
原来是向前找,我往后拉看到一大堆样式就晕了
ambit_tsai-微信 2018-06-14
  • 打赏
  • 举报
回复
F12下,选中目标元素,看它的样式,有划线的就是被覆盖的,旁边还有样式来源说明,如你图中右上角的main.css。 样式被覆盖可通过提高优先级解决: 内联样式表的权值最高为1000, ID 选择器的权值为 100, Class 类选择器的权值为 10, HTML 标签(类型)选择器的权值为 1。
晓阳陌 2018-06-14
  • 打赏
  • 举报
回复
没被划线的就是生效的,对较下就知道了
简明教程 2018-06-14
  • 打赏
  • 举报
回复
如果你想提高的你样式优先级的问题,可以使用important。这样,你就可以不用再好被哪个标签覆盖了。 参考 - css important 拉到最底部。

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧