이 CSS 선택기는 무엇을합니까?

Question

ASP.NET MVC 프로젝트의 기본 Site.css 파일에서 (나에게) 호기심 많은 CSS 스타일을 발견했다.

.text-box.multi-line 
{ 
    height: 6.5em; 
} 

.text-box.multi-line은 중간에 점이있는 클래스의 이름인가요? 또는 두 클래스의 중첩입니까? 아니면 완전히 다른 것입니까? 설명 할 수 있니?

그리고 사용 예제를 제공 할 수 있습니까?

편집 해 주셔서 감사합니다. 이것은 w3schools css reference page에서 누락 된 것 같습니다.

Answer 1

는이 항목을 일치 즉, 두 클래스 모두.

<textarea class="text-box multi-line"></textarea> 

항목에 클래스가 하나만 있으면 일치하지 않습니다. 항목에이 두 클래스와 추가 클래스가있는 경우 일치합니다.

<textarea class="text-box multi-line" /> 

또는 그 문제에 대한 text-box 및 multi-line 클래스 모두 모든 요소 :

Answer 2

요소가 이고 모두 클래스임을 의미합니다.

그것은이 같은 것 또한 클래스를 multi-line

을 가지고있는 클래스 text-box와 요소를 선택합니다

:

.multi-line.text-box {} 
.text-box[class~="multi-line"] {} 

예 :

<p class="multi-line text-box some-other-class"></p> 

Answer 3

그것은이 요소를 선택합니다.

Answer 4

그것은 다음과 같은 요소를 선택하는 것 :

<* class="text-box multi-line"></*> 

모두text-box 및 multi-line 수업이있는 모든 요소를.

http://jsfiddle.net/sGn2v/

는 기본적으로이 요소가 두 클래스를 가진 일치합니다 :

Answer 5

여기의 차이를 보여주기 위해 빠른 작은 바이올린입니다!