+ selector ("sibling") in sass

Question

element+element

div + p

Selects all p elements that are placed immediately after div elements

for example -

div+p {
   ...
}

How could I select the same in sass using the p as nested in div (or any other concept) ?

Did you look at [this previous answer](http://stackoverflow.com/questions/15246387/css-and-or-sass-sibling-selector-upwards)? — Sir Celsius, Aug 25 '14 at 08:13
@URL87 The `element+element` selector is used to select elements that is placed immediately after (not inside) the first specified element. — Anonymous, Aug 25 '14 at 08:35

Paulie_D · Accepted Answer · 2014-08-25T08:15:29.320

4

In SASS

div {

   + p {
    /* paragraph styles here */
   }
}

or just

div + p

Useful standard CSS selectors article - HERE

edited Aug 25 '14 at 08:15

answered Aug 25 '14 at 08:06

Paulie_D

I want "immediately after" selector , not "inner" selector . – URL87 Aug 25 '14 at 08:10
Note that `+` and `>` are not the same selectors (!). – Sir Celsius Aug 25 '14 at 08:10
@Paulie_D : You did not understand me ... I'll clarify my post again – URL87 Aug 25 '14 at 08:14

1 Answers1