DEV Community

FSCSS tutorials for FSCSS tutorials

Posted on • Edited 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

$G(
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:...;
|)
Enter fullscreen mode Exit fullscreen mode

Link FSCSS to your HTML:

<haed>
<script src='https://wbf.tiiny.site/scripts/0/FS/fs.ex25.js'></script>
<head>
<style>
//test FSCSS
</style>
Enter fullscreen mode Exit fullscreen mode

Check out this Pen!



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

Top comments (0)