내 CSS가 여기에 맞게 변경되지 않는 이유는 무엇입니까?

나는 약간의 PHP와 함께 다음과 같은 HTML이 있습니다내 CSS가 여기에 맞게 변경되지 않는 이유는 무엇입니까?

echo "<a href='" . $_SERVER["PHP_SELF"] . "?guess=" . $value . "' class='already-guessed'>" . $value . "</a>\n";

클래스는 의미로 이미 짐작 됐어요 경우 특별한 클래스를 적용한다.

echo "<a href='" . $_SERVER["PHP_SELF"] . "?guess=" . $value . "'>" . $value . "</a>\n";

그리고이 관련 CSS입니다 :

.letters a { 
    display: inline-block; 
    width: 40px; 
    height: 40px; 
    margin: 0 3px 6px 0; 

    background: #5ac9ff; 
    color: #fff; 
    line-height: 2.5em; 
    text-align: center; 
    text-decoration: none; 
} 

    .letters a:nth-child(10n) { 
     margin: 0 0 8px 0; 
    } 

    .letters a:hover { 
     background: #54bff3; 
    } 

    .letters a:active { 
     background: #4fb4e4; 
    } 

.already-guessed { 
    background: green; 
}

그래서 난 그냥 모든 앵커를 검색가 짐작되지 않은 경우 나는이 있습니다.

출처

2013-02-17 Doug Smith

당신이 최종 HTML 대신 PHP 소스 코드를 표시 할 수 있습니다 : 당신은 선택을 선호 업데이트하려는 경우,

.already-guessed { background: green !important; }

또는 다음과 같이 .already-guessed 클래스에 대한 코드를 변경? –

앵커의 선택자가 우선합니다.

.letters a.already-guessed { 
    background: green; 
}

출처

2013-02-17 20:42:26 BenM

권자, 나는 이미 편집 중이 었어. 나는'! important'가 솔직히 말해서 나쁘지 않다고 생각하지 않습니다. – BenM

이 간단한 컨텍스트에서 아니지만 아니,하지만 그것은 엉덩이에 통증이 될 수 있습니다. (나는 경험에서 말한다) –

나는 완전히 동의한다 :) – BenM

답변

관련 문제