공백이있는 클래스를 선택하는 방법

class="boolean optional"과 같은 클래스를 어떻게 선택합니까?공백이있는 클래스를 선택하는 방법

나는 이것을 시도 : boolean 및 optional : Zepplock가 말한대로

.boolean optional {CSS} 

.boolean_optional {CSS}

출처

2011-07-30 Rails beginner

ieboth 존재하는 요소의 단락의 내부에 회전 '단락 텍스트 빨간색'. – Zepplock

첫 번째 선택기는'class = "boolean"'을 가진 요소에서'optional' 요소를 취합니다. 두 번째 선택기는'class = "boolean_optional"을 사용하여 요소를 가져옵니다. – BoltClock

, 즉 실제로 하나의 속성의 두 클래스입니다. 이 공간은 클래스 이름의 일부가 아닙니다. 분리기 역할을합니다.

이 세 선택기는 모든 것이 일치합니다 : 그것은 모두 클래스가로

는

.boolean 
.optional 
.boolean.optional

마지막 선택 만이 요소를 선택합니다. 과

.boolean .optional

별도 .boolean 요소 내에 포함 된 .optional 요소를 선택 :조차이 같은 클래스 선택기 체인 때 결코

는 공간을 포함한다.

출처

2011-07-30 18:08:26 BoltClock

IE6에서'.boolean.optional'은'.optional'과 동일합니다. http://stackoverflow.com/questions/3772290/css-selector-that-applies-to-elements-with-two-classes/3772305를보십시오. # 3772305 – BoltClock

이들은 공백이있는 클래스가 아닙니다. 여러 클래스 선택기라고합니다.

기본적으로 모든 클래스 이름이 연결되고 (공백없이) 점으로 구분되어야합니다.

.boolean.optional { 

}

출처

2011-07-30 18:08:29 brezanac

공백은 클래스 이름으로는 유효하지 않습니다. class="boolean optional"는 요소가 클래스 boolean및optional을 가지고 의미, 그래서 당신은 그것을 일치 할 수 있습니다 .boolean, .optional, 또는 .boolean.optional과 옵션 및 부울 모두 만 개체를 일치시킬 경우.

출처

2011-07-30 18:08:49 phihag

클래스에는 실제로 이름에 공백이 포함되지 않습니다. 귀하의 예제에서, 그것은 실제로 두 개의 클래스입니다; boolean 및 optional.

그 클래스의 모두를 가지고있는 요소에 스타일을 적용, 구조물 그러나, IE6이 몇 가지 문제가 알려져있다

.boolean.optional { 
/* CSS */ 
}

입니다. 알려진 단점에 대한 자세한 내용은 this link을 참조하십시오.

출처

2011-07-30 18:11:16 ckittel

나는이 잠시 전 감사하지만 경우에 아무도 내가 어떻게 두 클래스가있는 요소 내에 요소를 선택/타겟으로하는 것입니다 또한 편리 발견했습니다 관심이 뭔가 ... 예입니다

.boolean.optional > p { 
    color: red; 
}

아마도 더 설명이 필요 없지만, : 만 두 클래스는 사람들은 실제로 두 개의 서로 다른 클래스입니다 .boolean 및 .optional

출처

2013-09-27 12:06:00

공백이있는 클래스를 선택하는 방법

답변

관련 문제