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

select parent scss

Add Answer

YOU.com answered on August 4, 2022 Popularity 9/10 Helpfulness 2/10

answer select parent scss

related scss parent selector

related sass parent selector

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

Closely Related Answers

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

Link to this answer
Share Copy Link

Contributed on Aug 04 2022

barisx

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

select parent scss

Contents

More Related Answers

select parent scss

Closely Related Answers

scss parent selector

sass parent selector

Grepper

Documentation

Social

Legal

Contact

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