StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

">" character in css file

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › General Discussion › ">" character in css file

This topic is: resolved
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 4, 2013 at 10:08 am #49198
    hp
    Member

    I noticed in style.css of Genesis 2.0, it has some lines like this

    .genesis-nav-menu > .menu-item > a {
	text-transform: uppercase;
}

    So, what's the meaning of ">" character there?
    Thanks.

    July 5, 2013 at 7:08 am #49311
    inkmuser
    Member

    Answer here. Explains and illustrates it better than I can.

    In the example you provided, restricts the css result to only .menu-item classes that are directly sit inside .genesis-nav-menu and not others that may be nested further down in the code.

    July 5, 2013 at 7:49 am #49316
    Doak Heggeness
    Member

    It is a 'child' selector.

    Doak Heggeness, WordPress Development | Website

    July 5, 2013 at 4:48 pm #49432
    hp
    Member

    Thank you, guys 🙂

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘">" character in css file’ is closed to new replies.