Применяются не все атрибуты класса стилей CSS

Question

Применяются не все атрибуты класса стилей CSS

0

У меня есть запись в файле CSS.

span.hoverhelp
{
    border:double;
    border-width:3;
    border-color:#000000;
    background-color:#eeffcc;
    padding:5;
    font-size: 11;
    font-family:Verdana, Arial;
    position: absolute;
    top: 80;
    left: 170;
    visibility: hidden;
}

Теперь я создаю диапазон и применяю класс hoverhelp к нему. Ниже приведен тег:

<span id="help" class="hoverhelp">
Some text
</span>

Когда это становится визуализированным, границы border-width, padding, font-size, top и left не применяются. Когда они открываются в панели инструментов chrome dev, эти значения обводятся, и слева появляется желтый желтый треугольник с надписью "Недопустимое значение свойства".

Я мог бы сделать глупую ошибку. Может ли кто-нибудь заметить какую-нибудь ошибку?

Darshan Mehta 21 март 2014, в 14:19

Источник

2

Вы должны поместить единицу после значений этих атрибутов: border-width, padding, font-size, top, left.
newTag 21 март 2014, в 13:03

Теги:

html

css

6 ответов

1

Вы должны добавить единицы (исключение: 0 это 0).

Вы можете выбирать между:

% в процентах
в дюймах
см сантиметр
мм мм
em 1em равен текущему размеру шрифта.
ex one ex - это x-высота шрифта
точка pt (1 pt совпадает с 1/72 дюйма)
pc pica (1 шт. совпадает с 12 точками)
пикселей (точка на экране компьютера)

MrPk 21 март 2014, в 10:39

0

вы пропустите px во многих местах, попробуйте использовать этот код.

span.hoverhelp
{
    border:double;
    border-width:3px;
    border-color:#000000;
    background-color:#eeffcc;
    padding:5px;
    font-size: 11px;
    font-family:Verdana, Arial;
    position: absolute;
    top: 80px;
    left: 170px;
    visibility: hidden;
}

см. службу проверки CSS: LINK

i'm PosSible 21 март 2014, в 11:42

0

просто "граница" обычно не должна быть "пограничной", поэтому последующие будут делать

span.hoverhelp
{
    border-style:double;
    border-width:3px;
    border-color:#000000;
    background-color:#eeffcc;
    padding:5px;
    font-size: 11px;
    font-family:Verdana, Arial;
    position: absolute;
    top: 80px;
    left: 170px;
    visibility: hidden;
}

но по мере того, как вы делаете его невидимым по умолчанию, его не видно. У вас должен быть родительский элемент с относительной позицией & при наведении того же самого диапазона.

Suraj Naik 21 март 2014, в 11:10

0

Конечно, единицы отсутствуют.
Suraj Naik 21 март 2014, в 14:09

0

те значения, которые не применяются, должны быть в px или em. Итак, в основном,

border-width:3px;
padding:5px;
font-size: 11px;

Migisha 21 март 2014, в 10:45

0

удалить visibility: hidden; из CSS, а также добавьте px для большинства из них.

Narendra11744 21 март 2014, в 10:13

Ещё вопросы

Вы должны поместить единицу после значений этих атрибутов: border-width, padding, font-size, top, left.

Quentin · Accepted Answer · 2014-03-21T10-23-00.000Z

Для длины CSS требуются единицы. Вероятно, вы хотите, чтобы px для большинства из них.

Используйте валидатор.

грохнуть! Я добавил единицы, и это работало как очарование! Благодаря тонну!