CSS 이상한

나는 다음과 같은 CSS 코드가 작동 :CSS 이상한

배경 색상을 제외하고

.tag { 
    display: inline; 
    font-size: 10px; 
    padding: 5px; 
    color: #FFF; 
    background-color: #444; 
} 

.tag:hover { 
    font-size: 10px; 
    padding: 5px; 
    color: #FFF; 
    background-color: #666; 
}

, 하나의 디스플레이를 갖는 인라인, 차이가 없어, 정확한을? 글쎄 .tag div가 존재하게되면 흰색 텍스트가 있지만 배경색은 없습니다. 또한 12pt 글꼴 크기 및 패딩이 없습니다. 그러나, 내가 그것 위에 마우스를 가져 갔을 때 그것이 생각했던 길을 완전히 본다. 아무도 왜이 일을하는지 말해 줄 수 있습니까?

출처

2009-04-09 The.Anti.9

보십시오 추가하세요 .tag에 당신의 속성 값의 마지막에 중요한 {} – alex

덕분에, 문제가 해결. 당신이 대답에 넣을 수 있다면 좋을 텐데. 내가 받아 들일 수있다. –

자, 나는 그것을 답으로 넣었다 : – alex

사용되는 방법을 보여줍니다! 중요한

출처

2009-04-09 06:10:58 alex

귀하의 CSS 파일/스크립틀릿에만이 2 개의 수업 만 있다면 아무런 변화가 없습니다. 두 개 이상 있고 다른 클래스와 섞어 놓은 경우에는 달라집니다.

귀하의 .tag가 다른 클래스에 의해 무시 될 수 있습니다. firefox + 방화 광을 사용하여 디버그합니다. 이 도구는 CSS 클래스/속성 voeridden

출처

2009-04-09 05:45:11 netic

나는 똑같은 것을 제안하려고했다. ! important 속성을 사용하는 것은 단순한 bandaid/cover-up 솔루션입니다. CSS를 디버그하고 문제의 코드를 대체하는 스타일을 찾아야합니다. 그렇지 않으면 코드를 혼란에 빠지게하는 것입니다. – Calvin

@Calvin! important는 항상 은폐 해결책이 아닙니다. – alex

답변

관련 문제