CSS의 여러 점/주기

CSS의 여러 점/주기

CSS 전문가 중 한 분이 이 지정자에 대해 설명해 주실 수 있습니까?내용은 이해하지만 a.button.gold는 이해 못 합니다.점 두 개?

a.button.gold{
background-color: #b9972f;
}

Wordpress 테마에서 몇 가지 스타일을 수정하려고 하는데, 현재 무슨 일이 일어나고 있는지 알 수 있다면 더 많은 성공을 거둘 수 있을 것입니다.감사해요.

셀렉터는 단순히 임의의 선택(Select any)을 의미합니다.a클래스가 있는 요소.button게다가.gold그래서 당신의 앵커 태그는

<a href="#" class="button gold">Hello</a>

데모

셀렉터는 다음과 같이 쓸 수도 있습니다.element[attr~=val]@BoltClock 댓글은 다음과 같습니다.

a[class~="button"][class~="gold"] {
   color: #f00;
}

데모

---

일반적으로 위의 (실렉터가 아니라 단일 요소 메서드에 대해 여러 클래스를 호출)는 2개의 클래스의 속성을 단일 요소에 적용하는 경우에도 사용됩니다.따라서 예를 들어 다음과 같습니다..demo하고 있다color: green;그리고..demo2하고 있다font-weight: bold;그래서 사용

<p class="demo demo2">Hello, this will be green as well as bold</p>

녹색으로 만들 뿐만 아니라 굵게 만들겠습니다.데모 2

이 셀렉터는,<a>원하는 수만큼 CSS에 클래스(클래스 속성 자체의 공백으로 구분)를 둘 수 있습니다.HTML은 다음과 같습니다.

<a href="#" class="button gold">Test</a>

이 경우,<a>3개의 수업을 듣고 패턴을 이어가면 됩니다.

<a href="#" class="button gold test">Test</a>

a.button.gold.test {
    color: peachpuff;
}

http://jsfiddle.net/NeqAg/

언급URL : https://stackoverflow.com/questions/18584015/multiple-dots-periods-in-css