home page Source code text

Artifact UnCSS Online, one click to remove invalid styles in css

Source code • 5 years ago • Lao Li next door Last edited on 2022-11-12 14:14:32

In the process of project development, the front-end design changes from time to time. At this time, new effects are often produced first. When the project is completed, there will be some abandoned CSS code. Or when picking up a station, sometimes I just want to pick up a small place. If I pick up the corresponding CSS bit by bit, it is also a lot of work.

At this time, UnCSS Online will come into use.

Open URL: https://uncss.yeelz.com/

Artifact UnCSS Online, one click to remove the first invalid style in css

Paste your HTML code in Your HTML, and paste your CSS code in Your CSS. Click UNCSS MY STYLES, Your shortened CSS will generate a new CSS, click COPY TO CLIPBOARD to copy, and then paste it into the CSS file.

It seems that it belongs to Node.js. I really don't understand it. So, those who understand it should study it by themselves.

Resource download

This article is written by@ Lao Li next door Published on November 11, 2019 Yeluzi Blog , unless otherwise specified, all articles in this blog are original, please retain the source for reprinting.
comment (2)
visitor
tonyboy
tonyboy visitor
What I usually use is that it is very stable https://uncss.7ru.com/
· From Baoding, Hebei · reply
sam
sam visitor
The original website can't be opened, there is a mirror image http://uncss.c12345.com
· From Xinhui District, Jiangmen City, Guangdong Province · reply
You may be interested
Installation configuration of command line terminal tool Cmder under Windows
Cmder is a simple and easy to use enhanced command line tool. Through Cmder, users can use all commands under the window, including custom window color, font size, git version control, multi window management, etc. The main advantage of Cmder is portability. It is designed to be completely independent and has no external dependencies, so it is very suitable for US
skill • 2024-04-01
Installation configuration of command line terminal tool Cmder under Windows
The website uses APlayer+MetingJS to achieve music playback and refresh the page to keep the music playing progress
Recently, I have been tinkering with the website gebilaoli.com. I suddenly wanted to add a function of playing music online to him a few days ago. So I thought of APlayer. APlayer is a simple and beautiful HTML5 music player that supports multiple modes, including playlist mode and bottom suction mode. It is also very simple to use. You only need to add relevant codes on the page to give detailed instructions. See the official APlayer documentation, but
skill • 2023-09-28
Ttf conversion woff2 tool, woff2 ttf mutual conversion
Recently, the HarmonyOS Sans font was embedded in the theme, but the volume of the Chinese font package is too large. A HarmonyOS_Sans_SC_Regular font has reached 7.87M. So I thought of reducing the volume by converting the ttf format font to the woff2 format. woff...
share • 2023-08-23
Ttf conversion woff2 tool, woff2 ttf mutual conversion
CSS uses font weigh to select different fonts according to their thickness
Seeing this title, someone's first reaction may be that font weigh controls the font thickness? Why choose a different font package? Because many fonts do not contain thickness levels, setting font weight is invalid! Let's see the following example using the same font, fon
skill • 2023-08-16
CSS uses font weigh to select different fonts according to their thickness
Use CSS steps () animation to make my brother move, 🐔🍐🌞🍓
The css step function steps (is another function value of the animation timing function attribute, which is transited in the form of a frame to form a freeze frame animation. Syntax: animation timing function: steps (number, [en
skill • 2023-07-29
Use CSS steps () animation to make my brother move, 🐔🍐🌞🍓
Briefly describe the mask attribute of CSS
skill • 2023-01-30
Briefly describe the mask attribute of CSS
Briefly describe the mask attribute of CSS
Briefly describe the mask attribute of CSS
Briefly describe the mask attribute of CSS
CSS adds shadow effect to transparent pictures
skill • 2022-09-01
CSS adds shadow effect to transparent pictures
CSS adds shadow effect to transparent pictures
CSS adds shadow effect to transparent pictures
CSS adds shadow effect to transparent pictures
How to keep the footer at the bottom of the page more elegantly
A few months ago (as if yesterday), I wrote an article about how to keep the footer at the bottom of the page gracefully. Using flex layout, the footer is always at the bottom of the container. I used the grid layout when I was creating a page these days. It suddenly occurred to me that it seems easier to use the grid layout to implement sticky footers. What is a grid layout? A grid layout can transform
skill • 2022-08-31
How to keep the footer at the bottom of the page more elegantly
Differences between CSS pseudo classes and pseudo elements and commonly used pseudo classes and pseudo elements
Pseudo class and pseudo element are frequently used in front-end development, but they are particularly easy to confuse. What are pseudo classes and pseudo elements? Pseudo class: starts with a colon (:) to select elements in a specific state. Pseudo element: starts with a double colon (::), which is used to insert a fictitious element in the document
skill • 2022-08-27
Differences between CSS pseudo classes and pseudo elements and commonly used pseudo classes and pseudo elements
How to keep the footer at the bottom of the page gracefully
Today, someone in Tuoyuan's ZBLOG group asked why the pure theme footer was not at the bottom. After looking at the screenshot, I found that the reason is that his articles are too few and there are not enough content parts, so some blank spaces will be left at the bottom of the page. The solution is to add a minimum height to the main part, such as section {&
skill • 2022-06-10
How to keep the footer at the bottom of the page gracefully
Top