2.9 开发者工具调试样式

原创声明。未经许可,不得转载,作者:小步教程。

(1)查看元素使用样式。开发者工具—“元素”面板—选中元素—查看“样式”面板。

img

成功应用.class1选择器设置的color属性,同理查看id2元素的使用样式。

img

(2)CSS属性名错误。故意将color改成color1,出现错误提示,颜色设置失效。

img

删除线与前方警告标记表示该属性设置失败。浏览器解析到错误的CSS代码,会忽略错误设置,即错误设置不生效,开发者工具显示相应错误提示信息。开发者工具调试样式的具体内容贯穿所有相关知识点,详情见后续内容。