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

22 votes127 views2 answers
Css set styles for input text
CSS
14 votes103 views3 answers
Css multiple classes same rule
CSS
39 votes171 views4 answers
Background image height and width
CSS
13 votes177 views2 answers
Bootstrap Aligning images
CSS Bootstrap
2 votes145 views2 answers
Css move inline image up
CSS
12 votes126 views5 answers
Responsive font-size
CSS
28 votes118 views3 answers
Google font roboto
CSS
-1 vote114 views1 answer
Css grid media queries
CSS
1 vote132 views2 answers
How to make hr class bootstrap full width
CSS
1 vote198 views1 answer
How to make font awesome responsive bootstrap
CSS Bootstrap