Breaking News: Grepper is joining You.com. Read the official announcement!

scss parent selector

Add Answer

barisx answered on August 4, 2022 Popularity 10/10 Helpfulness 2/10

answer scss parent selector

related select parent scss

related sass parent selector

scss parent selector

Comment

.alert {
  // The parent selector can be used to add pseudo-classes to the outer
  // selector.
  &:hover {
    font-weight: bold;
  }

  // It can also be used to style the outer selector in a certain context, such
  // as a body set to use a right-to-left language.
  [dir=rtl] & {
    margin-left: 0;
    margin-right: 10px;
  }

  // You can even use it as an argument to pseudo-class selectors.
  :not(&) {
    opacity: 0.8;
  }
}

Popularity 10/10 Helpfulness 2/10 Language css

Source: sass-lang.com

Tags: css parent selector

Link to this answer
Share Copy Link

Contributed on Aug 04 2022

barisx

0 Answers Avg Quality 2/10

Closely Related Answers

select parent scss

Comment

// SCSS code

.parent-element {
  color: red;

  & .child-element {
    color: blue;
    
    // Selecting parent element
    &.parent-selected & {
      background-color: yellow; // Apply styles to parent element
    }
  }
}

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

sass parent selector

Comment

.alert
  // The parent selector can be used to add pseudo-classes to the outer
  // selector.
  &:hover
    font-weight: bold


  // It can also be used to style the outer selector in a certain context, such
  // as a body set to use a right-to-left language.
  [dir=rtl] &
    margin-left: 0
    margin-right: 10px


  // You can even use it as an argument to pseudo-class selectors.
  :not(&)
    opacity: 0.8

Popularity 10/10 Helpfulness 1/10 Language css

Source: sass-lang.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Aug 04 2022

barisx

0 Answers Avg Quality 2/10

scss parent selector

Contents

More Related Answers

scss parent selector

Closely Related Answers

select parent scss

sass parent selector

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.