n-wp.ru — блог о WordPress

Несколько примеров работы с CSS: !important и запрет переноса длинных ссылок

В прошлый раз я писал о некоторых особенностях работы браузеров Google Chrome и Safari, а сейчас расскажу о паре простых приемов, позволяющих легче управлять правилами CSS и сделать вид ссылок более дружелюбным.

Выставление приоритета с помощью !important

В CSS приорите отдается тому правилу, которое указано последним. Пример:

Если вы в файле style.css укажете сначала, что ссылку нужно подчеркивать, а в конце укажете, что подчеркивать не нужно, то главным будет считаться последнее правило — ссылка не будет подчеркнута. Это простой пример. Но бывают и сложные случаи, например, файл style.css, состоящий из тысячи строк, и разобраться в нем не всегда под силу новичку. Если вы хотите, чтобы указанное вами правило было самым главным, независимо от того, в каком месте файла оно находится, используйте метку [codei lang=»css»]!important

. Пример:

Приоритетным будет считаться второе правило — ссылка будет подчеркнутой и красного цвета.

Запрет переноса длинных ссылок

Если анкор ссылки слишком длинный, состоящий из нескольких слов, то при попадании на конец строчки такая ссылка может быть разделена на две части — начало останется на первой строке, а окончание перенесется на строчку ниже. Иногда такое поведение портит всю картину. Чтобы предотвратить разбиение анкора ссылки на части и его перенос, нужно указать для ссылки такое правило:

Свойство nowrap предотвратит разбиение ссылки — она будет теперь одной строчкой, и если эта строчка попадает на перенос, то переносится весь анкор, без дробления на части. Однако нужно помнить, что это правило работает только внутри какого-нибудь элемента. Если же сам элемент не вписывается по ширине и ломается на части, то nowrap не поможет — нужно сжимать весь элемент.

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

Комментировать