adds newCSSRule()

snippets/newCSSRule.md

@@ -0,0 +1,23 @@
+---
+title: newCSSRule
+tags: dom,html,begginer
+---
+
+Creates a new CSS rule.
+
+- Creates new style element.
+- Appends the created style element to head.
+- Defines the type of element and appends CSS rules to it.
+
+```js
+const newCSSRule = rule => {
+  let css = document.createElement('style');
+  document.getElementsByTagName('head')[0].appendChild(css);
+  css.type = 'text/css';
+  css.appendChild(document.createTextNode(rule));
+}
+```
+
+```js
+newCSSRule('body { background-color: #000 }'); // <style type="text/css">body { background-color: #000 }</style>
+```