Intro to CSS: Previewing Changes with the Matched Rule Pane

The Daily Post

In the last Intro to CSS post, we looked at how to identify selectors that you can target in your theme. Remember, a selector is the code a site uses to make changes to how things display.

Today, we’re going to explore one particular part of the Developer Tools, the Matched CSS Rule pane, and see how you can use it identify declarations and start tinkering with your site. A declaration is the part of the CSS rule that tells the CSS what to do — make this font bigger! Change the background color! The Matched CSS Rule pane shows us how selectors are currently being used on the site, which can teach you what kinds of declarations you can use, show you why your declaration might not be working, and let you preview CSS edits on your site.

View original post 881 more words

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s