How to write if condition in css

$type: monster;
p {
  @if $type == ocean {
    color: blue;
  } @else if $type == matador {
    color: red;
  } @else if $type == monster {
    color: green;
  } @else {
    color: black;
  }
}

Source: stackoverflow.com

Similar codes

0 vote133 views1 answer
Link css in django template
CSS
3 votes136 views2 answers
Make triangle using div
CSS
0 vote162 views1 answer
Css aplying everything
CSS
6 votes129 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS
2 votes157 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespace
CSS
17 votes108 views1 answer
Have you used flexbox & css grid before? what are the differences between them? interview
CSS
0 vote131 views2 answers
Transparent input box
CSS
9 votes143 views3 answers
Css bottom
CSS
0 vote134 views1 answer
Docker buildx push to private registry
CSS
0 vote138 views1 answer
Css for vertical height
CSS