:last-child, last-of-type, nth-child()…
I might have missed where it is in the Pinegrow editor. Please point it to me. Thanks.
:last-child, last-of-type, nth-child()…
I might have missed where it is in the Pinegrow editor. Please point it to me. Thanks.
Hi,
There are multiple ways to accomplish this.
If you are adding your pseudo-class to an element, like all
, or if you already have a class created and attached to an element on the page, select the element and go to the Styles tab.
Click on the three dots next to the CSS rule “Create” button.
::placeholder
.The other way to add rulesets is by directly editing the stylesheet code.
To do that, go to the Style tab and on the right side you will see “Stylesheets”. Click the dropdown next to it for a list of the sheets. Next, click on the code icon </>
next to the stylesheet where you want to add the rule.
Wow. Awesome!!! Thank you so much for showing the steps with pictures. They are really helpful.
i second this and approve.
PG has some powerful features that are not at all obvious to the uninitiated.
This little “easter egg” is a prime example.
i would still like to have 1-click access to toggle these rules on/off to see how they affect the display like we have or the 4 primary pseudo classes shown :active :hover :focus and :visited
to conserve screen real estate, they could change with the context of what you were working on or they could be configurable by the user with different “profiles” we could switch between as needed.