Pseudo-classes - Post ID 277942

User 244626 Photo


Registered User
811 posts

Has anyone used this new feature ?

Interested in the :nth-child() to start.....

https://developer.mozilla.org/en-US/doc … :nth-child

Bootstrap 5 CSS Grid.
User 244626 Photo


Registered User
811 posts

Well my first attempt opens my eyes to a very powerful feature I wish we had in Bootstrap Builder or Foundation Framer. I may have to jump ship.....

Even Odd Example - CSS Grid

Attachments:
Bootstrap 5 CSS Grid.
User 187934 Photo


Senior Advisor
20,181 posts

I use it on my one HTML Editor built site.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 244626 Photo


Registered User
811 posts

Eric Rohloff wrote:
I use it on my one HTML Editor built site.


ScrollTrigger plugin demo by Eric Terwan https://terwanerik.github.io/ScrollTrigger/ is a good example of how the pseudo class of "nth-child" randomizes the background colors using the 1n, 2n, and 3n values when setting the individual section examples. Also interesting how the precedence works when utilizing this method......

Very Cool !
Bootstrap 5 CSS Grid.
User 244626 Photo


Registered User
811 posts

Here is a working demo of the random background pseudo class using CSS Grid Builder similar to the above mentioned demo plugin.

Applause to Coffeecup for this amazing addtion to CSS Styling....

http://gluexp.coffeecup.com/cssgrid/pro … round.html
Bootstrap 5 CSS Grid.
User 232214 Photo


COO
827 posts

Twinstream wrote:

Applause to Coffeecup for this amazing addtion to CSS Styling....


Thanks, we appreciate it! :cool:

I am working on some themes and demos that use this for layout purposes. especially when working with generated content (a CMS) this can come in handy.
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.