一款Chrome上查看网页css样式的插件P开头

html-css019

一款Chrome上查看网页css样式的插件P开头,第1张

不如右键选择open link in new tab来查看吧，这样就可以自动换行了，chrome的resources是严格按照元素内部文本结构来呈现的，也就是如果它的网站CSS是经过压缩的，把所有换行都清除掉了，在resources里面就是一行显示全部；如果网站的CSS里面是分行显示的，在resources里面也就是分行显示，似乎也没有什么地方可以改变这一设置，一般这些CSS要看的话都是下载下来或者新开一个页面看了，没有必要在开发者工具里面看，空间又小又挤，看起来也费力，而且要调试的话直接在elements里面就可以解决问题了。

1，后代：>

缩写：nav>ul>li

2，兄弟：+

缩写：div+p+bq

3，上级：^

（1）缩写：div+div>p>span+em^bq

（2）缩写：div+div>p>span+em^^bq

4，分组：()

（1）缩写：div>(header>ul>li*2>a)+footer>p

（2）缩写：(div>dl>(dt+dd)*3)+footer>p

5，乘法：*

缩写：ul>li*5

6，自增符号：$

（1）缩写：ul>li.item$*5

（2）缩写：h$[title=item$]{Header $}*3

（3）缩写：ul>li.item$$$*5

（4）缩写：ul>li.item$@-*5

（5）缩写：ul>li.item$@3*5