Object Oriented CSS 사용 예

CSS 댓글 달기
.아빠-엄마 {
  margin: 0;
  padding: 0;
  background: skyblue;
}
.아빠-엄마__자식 {
  background: inherit;
}
.아빠-엄마__자식:last-child {
  font-weight: lighter;
  font-size: small;
}
.아빠-엄마__자식--예쁜-딸래미 {
  color: pink;
}
.아빠-엄마__자식--개구쟁이-막내 {
  color: tan;
  transform: skewX(30deg);
}

여기서 개구쟁이 막내는 특별하게 .아빠-엄마__자식--개구쟁이-막내란 class를 따로 지정해 줄 필요 없이 CSS pseudo-class인 :last-child만 써서 처리해 줄 수도 있었지만, 워낙 개구쟁이라 어쩔 수 없었다는 소문이…

추가 참고 문서:

꼬리표:

관련된 주제의 글

“Object Oriented CSS 사용 예”에 달린 4개의 댓글

문젠, 예젤 써먹을 일이 없다는…ㅋㅋ
아바타 사진이 고양이인가요? 청설모도 쥐를 잡아먹고 사는 걸로 아는데, 쥐를 무척 싫어하시나 봅니다. 아니면, 그 반대일까? 🙄

헉…. 청설모가 쥐를 잡아먹지는 않는데요… (+청설모는 토종입니다 유해외래종 아니에요 흑) 청설모는 대학동아리에서 얻은 별명이라 쓰고있고요, 사진은 제 반려묘입니다 ㅎㅎ;

청설모가 잡식성이라 배고프면 쥐도 잡아먹는 줄 알았는데, 그게 아니군요.
고양이는 안 키워봐서 제겐 아직 신기한 동물이네요. 🙂

댓글을 남겨 주세요