CSS 클래스가 하나 이상의 다른 클래스를 상속하는 방법

질문 : CSS 클래스가 하나 이상의 다른 클래스를 상속 할 수 있습니까?

---

나는 오랫동안 웹 프로그래머로 일하고이 질문에 대한 답을 알지 못해 멍청하다고 느낍니다. 실제로 그것이 가능하기를 바라며 대답이라고 생각하는 것보다 알지 못했습니다 (불가능하다는 것입니다) .

내 질문은 다른 CSS 클래스 (또는 둘 이상)에서 "상속"되는 CSS 클래스를 만들 수 있는지 여부입니다.

예를 들어 다음과 같이 가정합니다.

.something { display:inline } .else      { background:red } 

내가하고 싶은 것은 다음과 같습니다.

.composite  {    .something;    .else } 

".composite"클래스가 인라인으로 표시되고 배경이 빨간색 인 경우

답변

---

설명하는 것과 유사한 더 높은 추상화 수준에서 CSS를 작성할 수있는 LESS 와 같은 도구가 있습니다.

덜 "Mixins"라고 부릅니다.

대신에

/* CSS */ 

#header {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#footer {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

 

/* LESS */ 

.rounded_corners {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#header {
  .rounded_corners;
}

#footer {
  .rounded_corners;
}

출처 : https://stackoverflow.com/questions/1065435/can-a-css-class-inherit-one-or-more-other-classes