用于清理页面中多余的css的工具:dust-me-selectors 。
为什么说dust-me-selectors是一大利器,因为他支持多个页面同时监控,当PAGE1没有使用的,PAGE2有使用的,不会判断为unused。避免多页面,误删情况,非常方便!
优点:
可以检查一个页面,也可以检查整个网站;
支持CSS1选择器、大部分CSS2和CSS3选择器;
理解通用的CSS hack,比如 “* html #****-ie”将会被认为是”html #****-ie”;
支持Firefox 3.5和Firefox 3.0,事实上得益于FF 3.5的js引擎的改进,FF 3.5中的性能比FF 3.0要高50%。
安装连接
http://www.sitepoint.com/dustmeselectors/
该工具是Firefox浏览器的一个附加插件。在FF浏览器地址栏中输入以上网址,页面上有如下链接:
点击Install now!系统便会安装此工具。
安装完成后,在所要查找的网页右击,点击Spider this page...,或点击Firefox右下角的DUST-ME图标。
点击Start按钮开始查找。
如果已经查找过改页面,会是如下这个样子:
可以选择Spider again。
查找结果如下:
有了DUST-ME后,从此仿别人的站无后顾之忧了,非常的便利给力呀!呵呵~
- 大小: 74.7 KB
- 大小: 11.5 KB
分享到:
相关推荐
需要配合firefox3.5或以上版本使用,属于firefox的一个插件,能够检测当前页面调用的CSSwenjian中,哪些被使用,那些为使用
postcss-icss-selectors, 用于本地范围类和id的css模块的PostCSS插件 postcss-icss-selectors 用于本地范围类和id的css模块的PostCSS插件用法postcss([ require('postcss-icss-selectors')(options) ])有关环
npm install --save-dev postcss postcss-combine-duplicated-selectors# oryarn add --dev postcss postcss-combine-duplicated-selectors使用PostCSS JS API 'use strict' ;const fs = require ( 'fs' ) ;const ...
list-selectors 可以列出你在 CSS 使用的 selector,它可作为一个独立的函数,CLI, 或者 PostCSS 插件。使用示例:var listSelectors = require('list-selectors'); listSelectors( ['style/**/*.css', '!...
This CSS Reference lists all standard CSS properties, pseudo-classes and pseudo-elements, @-rules, and selectors in alphabetic order. It allows you to quickly access detailed information for each of ...
Tailwindcss-伪选择器Tailwind CSS插件,将所有不同的伪选择器添加为变体安装NPM npm install tailwindcss-pseudo-selectors --save-dev纱yarn add tailwindcss-pseudo-selectors -D用法配置将插件添加到您的...
testcafe-react-selectors, 用于响应应用的TestCafe选择器扩展 testcafe-react-selectors这个插件提供了选择器扩展,使得使用 TestCafe 测试ReactJS组件变得更容易。 这些扩展允许你以React的方式选择页面元素。安装...
postcss选择器解析器 选择器解析器,具有用于处理选择器字符串的内置方法。 安装 使用可以: npm install postcss-selector-parser 快速开始 const parser = require ( 'postcss-selector-parser' ) ; const ...
这是的插件内容安装用或安装npm i rename-css-selectors rcs-core 或者yarn add rename-css-selectors rcs-core用法异步: 编写异步rcs代码有3种不同的方式:回调,promise和async / await // you can use every ...
Dust-Me selectors Dust-Me是一个很有用也很好用的Firefox插件,它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。 支持本地和远程样式文件,包括使用link标签、< ?xml-stylesheet?>...
PostCSS添加根选择器 插件将根选择器添加到所有其他规则中。 输入: . foo { color : red; } a . foo , section { color : red; } @media ( max-width : 700 px ) { # some-id { color : red; } } /* ...
资源分类:Python库 所属语言:Python 资源全名:rf-se-dtl-selectors-plugin-0.3.0.tar.gz 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059
CSS选择器学习 很好的一份练习 分享学习 It's a fun game to learn and practice CSS selectors. 转自:https://github.com/flukeout/css-diner
"超实用的css代码段"是一本由赵荣娇和任建智编著的书籍,旨在提供一系列实际、高效的CSS代码示例,帮助开发者提升网站设计和布局的能力。这本书的源码可能是为了读者能够更直观地理解并应用这些代码段。 首先,CSS...
在本实验结束时, index.html具有style.css样式的主页应该看起来和行为类似(请注意光标移动时的悬停状态): 将样式编码在style.css中,并使用带有href属性和值stylesheet的rel属性的标记将其包含在index.html中。...
CSS选择器学习 很好的一份练习 分享学习 It's a fun game to learn and practice CSS selectors. 转自:https://github.com/flukeout/css-diner
CSS样式表和嵌套选择器目标<link>到index.html外部样式表style.css 。 使用嵌套的元素选择器来设置“破冰船”首页的导航样式。 玩边框,高度,填充,边距,行内显示和浮动。指示我们将设置“破冰船”网站导航...
CSS3 Properties 属性列表 Borders border-color border-image border-radius box-shadow Backgrounds background-origin background-clip background-size multiple backgrounds Color HSL colors HSLA colors ...
CSS 样式表中文手册,手册提供了完整的 CSS2.0 的属性(Properties)、规则(At-Rules)、伪类(Pseudo-Classes)、伪元素(Pseudo-Elements)、声明(Declarations)、单位(Units)、选择符(Selectors)的介绍。