「HTML要素以外のものをCSSで設定したら？」を集めた「CSSユーモア」がクスっときて楽しい

#Pisa { font-style: italic; }

#london {
  background-color: gray;
}

#british.weather { clear: none; }

.coffee { color: black; }

.coffee + .cream { color: brown; }

#Batman {
  background-color: #000;
  opacity: 0.3;
}

#hulk {
  height: 200%;
  width: 200%;
  color: green;
}

#superman .pants {
  color: blue;
  z-index: 1;
}

#superman .underwear {
  color: red;
  z-index: 2;
}

.ninja {
  visibility: hidden;
  color: #000;
  background: #000;
}

.michael-jackson { color: white !important; }

#titanic { float: none; }

#Titanic {
  vertical-align: bottom;
  z-index: -1000;
  padding-bottom: none;
  transform: rotate(-45deg);
}

.iceberg { overflow: hidden; }

.iceberg { float: top; }

.iceberg { position: fixed; }

.titanic { float: none; }

.bald {
  border-top: none;
}

#hair { visibility: inherit; }

.yoga .pants {
  padding: 0;
  margin: 0; 
}

.push-up-bra {
  margin-top: –25%;
  overflow: visible;
  resize: none;
}

.toilet-paper {
  overflow-y: scroll;
}

.rollerblade { display:inline; }

.mirror { transform: rotateY(180deg); }

.train {
  text-decoration: underline;
  text-underline-style: double;
}

.Lego { display: block; }

#ikea { display: table; }

.samsung { @extend apple; }

.drunk { overflow: visible; }

.hangover {
  .self-respect {
    display: none;
  }
  .eyes {
    color: red;
    filter: blur;
  }
}

.hangover { position: fixed; bottom: 0; }

.hangover { vertical-align: bottom; }

#Happy.Birthday {
  richness: 100 !important;
  stress: 0 !important;
}

#Merry.Christmas {
  text-decoration: blink !important;
}

.favoriteBand {
  background-repeat: repeat repeat;
}

.winter { display: none !important; }

#nsa { opacity: 1; }

#NSA { visibility: hidden; }

.USA + .Mexico { border: 1px dashed; }

.worldPeace .countries { border: transparent; }

#BigBang:before {
  content: '';
}

#BigBang:active {
  transition: width infinite, height infinite ease-out;
}

.politician {
  position: absolute;
}

.politician.elect {
  transform: rotate(180deg);
  opacity: .1;
}

.politicians { position: relative; }

.politician + .money-laundering {
  position: sticky;
  overflow: visible;
  speak: none;
}

.politician .integrity { display: none; }

#United-States .politicians .brains {
  visibility: hidden;
  display: none;
}

.government { transition: all 4yr ease-out; }

.democrat { float: left; }

.republican { float: right; }

.third-party { visibility: hidden; }

.God {
  position: absolute;
  display: none;
}