2 kobsjieh kobsjieh 于 2016.02.29 22:47 提问

CSS在F12调试时的问题

调试中出现的那一条横杠是什么意思?在chrome的f12调试工具中,对其中css代码上的那一条横杠表示不知道怎么回事?

4个回答

u013596119
u013596119   Rxr 2016.02.29 23:34
已采纳

横杠表示该属性被其他地方的定义覆盖了,可以在后面加上! important来锁定这项属性的值,避免被其他处的定义覆盖

devmiao
devmiao   Ds   Rxr 2016.02.29 23:04
wlx1991
wlx1991   2016.03.01 11:13

CSS(Cascading Style Sheets)层叠样式表,css代码上有横线说明它被另外一条设置相同属性值的权重更高的css代码给覆盖了。

qq_19891827
qq_19891827   2016.03.02 11:15

表示样式按照css优先级的规则,由于优先级比较低,所以会被被覆盖掉了,实际上是没有生效

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
学习记录--使用 F12 开发人员工具调试 HTML 和 CSS
怎样打开Chrome的开发者工具? 你可以直接在页面上点击右键,然后选择审查元素: 或者在Chrome的工具中找到: 或者,你直接记住这个快捷方式: Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台),或者直接按F12。 打开的开发者工具就长下面的样子: 不过我一般习惯与点左下角的那个按钮,将开发者工具弹出作为一个独立的窗口:
使用 F12 开发人员工具调试 HTML 和 CSS(IE浏览器)
转自:http://msdn.microsoft.com/zh-cn/library/gg699337(v=vs.85).aspx   [本文档是初步文档,以后可能更改。] F12 开发人员工具可帮助你查找和修复 HTML 和级联样式表 (CSS) 代码中的错误。如果不使用这些工具,则可能很难在源代码中发现这些错误。 通过在 Windows Internet Explorer 解释源时在文档
使用 F12 开发人员工具调试 HTML 和 CSS
在此之前一直写后端的代码  很少关注前端的相关东西 ,最近项目需要写前端页面,为此整理一下调试的过程!!!本博客转载自:https://blog.csdn.net/gaoranfighting/article/details/51682338怎样打开Chrome的开发者工具?你可以直接在页面上点击右键,然后选择审查元素:或者在Chrome的工具中找到:或者,你直接记住这个快捷方式: Ctrl+Sh...
解决IE11中无法使用F12调试工具的问题
解决IE11中无法使用F12调试工具的问题
chrome debuge(F12)调试代码后直接保存方法
chrome debuge(F12)调试代码后直接保存方法Created by Yiyi_coding Last edited at 2015年7月9日16:56:12快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl + Q 插入链接 Ctrl + L 插入代码 Ctrl + K 插入图片 Ctrl + G 提升标题 Ctrl +
IE浏览器多版本测试及f12调试空白问题
测试网站在ie浏览器上的兼容,下载了ie tester,但并不好用,后发现ie11 有自带的多版本测试功能。打开ie11,按f12-仿真-用户代理字符串可设置不同版本。刚下载ie11使用时,如果打开f12,每个选项卡是空白,并提示错误时,可以从下面这个网址下载安装:32位系统    http://www.microsoft.com/zh-CN/download/details.aspx?id=45...
使用F12开发人员工具调试JavaScript错误
使用F12工具中的调试程序,Web开发人员能够无需离开浏览器的情况下快速调试JavaScript代码,方便快速的定位到JavaScript文件的错误代码,来提高开发效率。 开始使用调试程序 新版的IE11,使用调试程序工具调试而无需刷新页面,保留状态,并且F12工具仍然可以吸附在浏览器窗口中。 在Internet Explorer 11中打开加载有问题的网页,按F12键或从工具菜单中选择F1
ie9下出现bug,打开f12bug就消失问题解决
今天遇到一个问题,ie9下页面出现bug,代码不往下执行,打开f12调试,bug就消失了。找了很久找到原因: IE8/IE9要先按F12才有console对象 参考来源: http://msdn.microsoft.com/zh-cn/library/ie/gg589530%28v=vs.85%29.aspx 在代码中重新定义console对象,加上如下代码: wind
HTML:利用F12进行程序调试,断点的清理以及添加事件监听
Title /*F10:一步一步执行,遇到方法,一步执行完,无法看到方法的执行情况 * F11:一步一步执行 ,遇到方法,进入方法内部,可以查看方法的具体执行情况。 * shift+F11:从当前的方法退出 * F8:停止当前的调试 * 在调试的watch中可以添加变量的监听 * breakpionts:断点的清理,可以单个清理,常用的是
按F12进入调试页面的一些常用按钮的总结
 Scripts标签页: 这个标签页就是查看JS文件、调试JS代码的。 Timeline标签页: 注意这个Timeline的标签页不是指网络请求的时间响应情况哦(这个在Network标签页里查看),这个Timeline指的JS执行时间、页面元素渲染时间。 Profiles标签页: 这个主要是做性能优化的,包括查看CPU执行时间与内存占用。 Audits标签页: 这个对于优化前端