CSS 글꼴 크기 클래스가 작동하지 않습니다.

Question

이것은 아마도 매우 당황 스러울 수 있습니다. 그러나 그것은 나를 괴롭 히고있다.

아래 예제에서 글꼴 크기가 텍스트에 적용되지 않는 이유는 무엇입니까?

없음

.1px { 
 
    font-size: 1px; 
 
} 
 
.100px { 
 
    font-size: 100px; 
 
}

<p class="1px"> Hello, world. </p> 
 
<p class="100px"> Hello, world. </p>

, 나는 혼자 글꼴 크기를 덮어 쓰기 어떤 플러그인을하자, 부트 스트랩을 사용하지 않는.

편집 : 답장을 보내 주셔서 감사합니다. 나는 그것이 당황 스러울 것이라고 말했습니다.

Answer 1

css 속성 선택기를 사용하여 숫자로 시작하는 클래스 이름을 타겟팅 할 수 있습니다.

예 : 숫자로 클래스 이름을 시작 이외에

[class="12px"] { font-size: 12px; } 
 
[class="100px"] {font-size: 100px; }

<p class="12px"> Hello, world. </p> 
 
<p class="100px"> Hello, world. </p>

Answer 2

숫자의 시작이 아닌 클래스로 1px, 2px --- 100px 대신이 값을 사용하십시오.

<style> 
    .one{ 
     font-size: 1px; 
    } 
    --- 
    --- 
    ---- 
    .hundred { 
     font-size: 100px; 
    } 
    </style> 

    <p class="one"> Hello, world. </p> 
    <p class="hundred"> Hello, world. </p> 

Answer 3

일부 브라우저는 사용자가 다음 제어 가능한 최소 폰트 크기를 부과.

Answer 4

숫자로 시작하는 CSS 클래스 선택기와 ID 선택자는 유효하지 않습니다.

Characters and case

하지만 여전히 당신이 주위를 작업 할 수 있습니다.

/* or unicode selector */ 
.\31 00px { 
    font-size: 100px; 
} 

/* attribute selector */ 
 
[class="12px"] { 
 
    font-size: 12px; 
 
} 
 

 
/* or unicode selector */ 
 
.\31 00px { 
 
    font-size: 100px; 
 
}

<p class="12px"> Hello, world. </p> 
 
<p class="100px"> Hello, world. </p>

참고 : 다른

/* attribute selector */ 
[class="12px"] { 
    font-size: 12px; 
} 

이 unicode 선택입니다 :이 먼저 달성하기 위해 두 가지 방법은 attribute 선택이된다 속성 선택 경로를가는 경우, , IE7에서만 작동한다는 것을 알아 두십시오. 그것보다 오래된 브라우저를 지원해야 할 필요가 있다면 당신은 나의 동정심을 가지고 있습니다 (당신은 여전히 ​​유니 코드 선택자를 사용할 수 있습니다).