Constructing the Stylesheet

[Home] > Constructing the Stylesheet

This content we learn how to construct the stylesheet with Element5JS API.

For working with constructed stylesheet. we must to use the style5 package. Let's import it first for using.

import {element5 as $, style5} from '@bapquad/element5'

Rule Object

Next, we creates the style rule object. Rule object allows add CSS stylesheet and add nest selectors.

let body = style5.AddLine("body");
body.AddSelector("#wrapper");

Adding Css Stylesheet

After we have the rule object, we can add some styles with css stylesheet.

style.css({
  "height": "100px", 
  "background": "red"
});