https://www.bilibili.com/video/BV1KM4y1G7EF/

内容转自【浏览器调试工具精讲】Chrome Dev Tools精讲，前端必看！

 

CSS调试 （1）_搜索

 

CSS调试 （1）_css_02

 

 

CSS调试 （1）_内边距_03

 橙色：外边距

蓝色：本体。

CSS调试 （1）_内边距_04

 绿色：内边距。

 

 

CTRL+ F 可以搜索

CSS调试 （1）_搜索_05

 输入某一个string

或者 css，section#someid

xpath:  //section/p

CSS调试 （1）_搜索_06

 

CSS调试 （1）_搜索_07

 

 

编辑样式

CSS调试 （1）_搜索_08

 

CSS调试 （1）_搜索_09

 

CSS调试 （1）_搜索_10

 

CSS调试 （1）_搜索_11

 

 

 

 

CSS调试 （1）_搜索_12