CSS-классы шрифтов не работают
1 Skrud [2016-12-02 16:36:00]
Это, вероятно, что-то ОЧЕНЬ неловкое; однако это некоторое время подтачивало меня.
В приведенном ниже примере, почему размеры шрифта не применяются к тексту?
.1px {
font-size: 1px;
}
.100px {
font-size: 100px;
}<p class="1px"> Hello, world. </p>
<p class="100px"> Hello, world. </p>Нет, я не использую bootstrap, не говоря уже о том, что любой плагин перезаписывает размер шрифта.
EDIT: Спасибо за ответы, я назвал это будет неловко.
css
4 ответа
2 Решение VilleKoo [2016-12-02 17:03:00]
Вы можете назначить имена классов, начинающиеся с цифры, с помощью селектора атрибутов css.
Пример:
[class="12px"] { font-size: 12px; }
[class="100px"] {font-size: 100px; }<p class="12px"> Hello, world. </p>
<p class="100px"> Hello, world. </p>0 pradeep1991singh [2016-12-02 18:14:00]
Селектор CSS и селектор ID, начинающийся с числа, недопустим.
Но все же вы можете обойти это. Существует два способа добиться этого: селектор attribute:
/* attribute selector */
[class="12px"] {
font-size: 12px;
}
Другой - селектор unicode:
/* 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>Примечание. Если вы перейдете по пути выбора атрибутов, имейте в виду, что он работает только до IE7. Если вам нужно поддерживать более старые браузеры, чем у вас есть мои симпатии (вы все равно можете использовать селектора unicode).
0 Anubhav pun [2016-12-02 16:54:00]
Используйте это вместо 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>
0 R Reveley [2016-12-02 18:07:00]
В дополнение к запуску названия класса с цифрой, некоторые браузеры накладывают минимальный размер шрифта, который затем контролируется пользователем.