This polyfill makes it possible to use attr() like it is defined in the spec.
// Get CSS for all styles
var styleNode = document.querySelectorAll('style'),
css = '';
for (var i = 0; i < styleNode.length; i++) {
css += styleNode[i].innerHTML;
}
//Parse the CSS, show it and observe for changes.
cssattr.parse(css).show().observe();
attr()function is parsed spec conform- styles are updated on attribute change (Using MutationObserver)
- Can't use attr() on :before, :after
- It's not tested if the browser supports the
attr()function according to spec (none as of writing) - Dosn't take @media into account
- Not working in @keyframes
Grunt is used for Building/Testing/Developing
Build run:
grunt build
Test run:
grunt test
Devlopment run:
grunt dev
cssattr.js
|---|--dev # a compiled version (just temp)
|--dist # release version
|--src # source files
|--test # place for test. Names like [*].test.js
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent