Pseudo-classes


Registered User
434 posts

Has anyone used this new feature ?

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

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

Break on through to the other side


Registered User
434 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:
Break on through to the other side


Senior Advisor
17,827 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


Registered User
434 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 !
Break on through to the other side


Registered User
434 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
Break on through to the other side


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