How to show show all CSS classes used in a Genesis child theme?

Question

I am using the Genesis Framework and trying to teach myself WordPress development.

Right now, during the course of my learning, I’m trying to understand how to develop and style a theme.

Currently, I’m using PhpStorm as my IDE, Sass as my CSS preprocessor, and CodeKit as my task manager/bundler, live refresher.

The problem I’m running into is that I’m seeing so many videos on YouTube and even Udemy that cover Sass on traditional websites where you create your own HTML and CSS classes, but that’s not the case with WordPress and Genesis child themes.

What I want to know is, how do I go about seeing all the CSS classes that a Genesis child theme uses so I can target their selectors within my style.scss file?

I know I can use the Chrome Inspector, but is there some other tool that Web Devs use that can simply just spit out some clear delineation displaying all the CSS classes used on a front page or something?

Thank you all so much for your help!

You all are so awesome and extremely helpful every time I come here with my NOOB questions and I’m very very grateful!

0
I Am Sir Ask Alot 1 week 0 Answers 6 views 0

Leave an answer