-2

for example for this code: (I know about star but not '> *')

.row > * {
        float: right;
    }

or this one:

.row.uniform > * > :first-child {
        margin-top: 0;
    }
ali ila
  • 9
  • http://stackoverflow.com/questions/3225891/what-does-the-greater-than-sign-css-selector-mean – Ellis May 05 '15 at 13:51
  • Basically the first block will select ALL elements which are the direct child of the row class. The child elements of the first level children will not be styled. – Callum. May 12 '15 at 07:45

6 Answers6

0

The > combinator separates two selectors and matches only those elements matched by the second selector that are direct children of elements matched by the first.

GabrielSNM
  • 351
  • 2
  • 8
0

It selects all the elements where the parent is the one infront of > selector.

Luthando Ntsekwa
  • 4,192
  • 6
  • 23
  • 52
0

The * selects all elements, the .row > selects all elements where the parent is a .row element.

See the specifications.

Bud Damyanov
  • 30,171
  • 6
  • 44
  • 52
0

The * selector is a wild card selector so will select all elements.

The > selector says "Only the next element of what you specify"

So > * will all select the next element no matter what it is.

lukehillonline
  • 2,430
  • 2
  • 32
  • 48
0

The > selector in CSS is used to select child elements.

.row > * will style ALL elements within the parent class row.

Callum.
  • 146
  • 12
0

">" means direct children elements. So that it will select all direct children of "row" elements.

Suresh Ponnukalai
  • 13,820
  • 5
  • 34
  • 54