CSS "and"선택기-여러 클래스가있는 요소를 선택할 수 있습니까?

CSS "and"선택기-여러 클래스가있는 요소를 선택할 수 있습니까?

---

.checked및 .featured태그 가 모두있는 요소를 모두 선택하려고 합니다. 그래서 기본적으로 제가 찾고있는 것은 "and"선택자입니다. 하나가 있는지 없는지 모르겠습니다.

이와 같은 경우에 대한 해결 방법이 있습니까?

---

둘 다 사용합니다 ( 사이에 공백 없음 ).

.checked.featured{
   // ...
}

참조 : http://www.w3.org/TR/selectors/#class-html

---

예

div{margin:1em;padding:1em;}

.checked{color:green;}
.featured{border:1px solid #ddd;}

.checked.featured{
       font-weight:bold;
    }

<div class="checked">element with checked class</div>
<div class="featured">element with featured class</div>
<div class="featured checked">element with both checked and featured classes</div>

---

다음과 같이 두 클래스에 "조인"할 수 있습니다. .checked.featured

---

표현하고 당신은 단순히 하위 선택자 인 .checked.featured인기있는 클래스 와 혼동되지 않을 클래스 를 연결합니다 .checked .featured.

공식 문서를 보세요

참고 URL : https://stackoverflow.com/questions/14599218/css-and-selector-can-i-select-elements-that-have-multiple-classes