henriknorberg / prune

Finds CSS elements used in a HTML element

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

#Prune Cuts off unused CSS from a HTML element.

var pruned = prune(selector,html, css);

Takes a selector (element, calss, id), html, css as input and returns an object with used and unused css

Flowdiagram

var html = '<body class="bodyclass"><div class="a1 c1">11111111<div src="sourceex" class="c2">222222222</div></div><div class="c3">33333333333</div><body>'
var css = 'body-wrapper{background:#bbb}c1{background:#eee;color:#333}c2{background:#ddd}c3{background:#ccc}';  
var selector = "body"

var pruned = prune(selector,html, css);

Returns:

{ usedCss: 'c1{\n\tbackground:#eee;\n\tcolor:#333;\n}\n\nc2{\n\tbackground:#ddd;\n}\n\nc3{\n\tbackground:#ccc;\n}\n\n',
  unUsedCss: 'body-wrapper{\n\tbackground:#bbb;\n}\n\n' }

About

Finds CSS elements used in a HTML element


Languages

Language:JavaScript 100.0%