여러 클래스가있는 HTML 요소를 참조하는 방법이 있습니까?

Question

나는 다음이있다

<p class="main yellow">Hello World</p>

메인과 노란색의 요소 만 지칭하는 CSS 요소를 쓰고 싶습니다. 이것을 할 방법이 있습니까?

예를 들어. 다음은 작동하지 않지만 내가 뒤를이었을 것입니다.

.main + .yellow { color:green }

Answer 1

이것은 그것을 가져와야합니다 :

.main.yellow { color:yellow; }

다른 브라우저에서 다른 결과를 얻을 수 있지만. 나는 사용한다 퀴크 스 모드 크로스 브라우저에서 작동하는 것이 무엇인지에 대한 아이디어를 얻으려면.

Answer 2

당신은 그것들 만 지정하면됩니다

.main.yellow { color: green; }

두 클래스 사이에 공간이 없습니다.

Answer 3

이것이 당신을 위해 효과가 있습니까?

.main.yellow{
  color:green;
}

Answer 4

다른 사람들이 이미 말했듯이, 당신이 원하는 것은 다음과 같습니다.

.main.yellow { color:green; }

그러나 첫 번째 시도가 왜 작동하지 않았는지 신속하게 설명하겠습니다. + 키워드는 a 수행원 요소, 즉 요소는 다음과 같습니다.

예제는 다음 HTML과 일치했을 것입니다 ...

<p class="main">Hello</p>
<p class="yellow">World</p>

... 그리고 두 번째 단락을 스타일링했습니다 (.yellow) 초록. 그래서 ".main + .yellow"의미"를 선택하십시오 .yellow 그것은 바로 다음입니다 .main".