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

1 vote174 views2 answers
Set custom cursor
CSS
0 vote179 views1 answer
Responsive arrow breadcrumbs css site:stackoverflow.com
CSS
-1 vote177 views1 answer
Footer css
CSS
3 votes189 views1 answer
Visibility transition css only on show
CSS
0 vote157 views1 answer
Background affter layer css
CSS
27 votes180 views3 answers
Keyframe in css
CSS
35 votes190 views2 answers
Css code for margin
CSS
7 votes167 views2 answers
Font for css code google link
CSS
0 vote172 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
0 vote140 views1 answer
Css disable transition on first load
CSS