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.

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Top comments (0)

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay