Pseudo-classes

User 244626 Photo


Registered User
659 posts

Has anyone used this new feature ?

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

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

User 244626 Photo


Registered User
659 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:
User 187934 Photo


Senior Advisor
18,132 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.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
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 personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/
User 244626 Photo


Registered User
659 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 !
User 244626 Photo


Registered User
659 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
User 232214 Photo


COO
823 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.