DEV Community

FSCSS tutorials for FSCSS tutorials

Posted on

FSCSS Nesting

FSCSS nesting, I suggest you should use CSS Or SCSS instead.
In FSCSS $G() Nesting method, the first selector is the parent of all that follows the backslash (/).
Syntax:
$G(
parent{}
/ child{}
|)

$G() is not for nesting only, it performs many functional action.
Example:
You what to style H1 to H6 deferencely,
And you are Using FSCSS,
See code:
FSCSS

h{}
/1{...}
/2{...}
/3{...}
/4{...}
/5{...}
/6{...}
|)
Enter fullscreen mode Exit fullscreen mode

In Properties:
Example in border properties:
FSCSS
$G( border:...;
/-radius:...;
/-right-style:...;
/left-style:...;
|)

Check out this Pen!



Learn more about FSCSS $G(...) method.

Top comments (0)