CSS стиль конкретной ссылки

Question

Сценарий: Я нахожусь в процессе создания веб-сайта для компании, в которой я работаю. Мне нужно следовать их руководству по визуальному стилю, поэтому я создаю файл CSS для веб-сайта.

Вопрос: Все «дополнительные» ссылки должны быть шрифтом 11pt, а тело - 12pt. Есть ли способ указать, что если ссылка «больше», она будет стилизована в 11pt?

Редактировать : Есть ли способ сделать это без использования класса? На основании текста вместо этого?

Резюме : мне нужно стилизовать определенные ссылки, но я не хотел бы использовать классы для их оформления, может быть, вместо текста?

Answer 1

HTML

<a href="whatever.html" class="more">More</a>

CSS

body {
    font-size: 12px;
}

a.more {
    font-size: 11px;
}

Answer 2

Можете ли вы дать эти ссылки CSS-классам?

Итак, вы можете использовать что-то вроде:

<a class="more-link" href="http://clownlovers.com">MORE</a>

И, таким образом, вы можете стилизовать их с помощью CSS по следующим направлениям:

a.more-link {
    font-size:11px;
}

Если вы не можете этого сделать, то я думаю, что вы могли бы написать небольшую программу на javascript и изменить любые такие ссылки на нужный вам шрифт.Это как минимум минимально для реализации, но я думаю, что это уродливый хак, особенно если учесть, что на более медленных машинах вы даже можете первоначально увидеть шрифт по умолчанию, пока js не запустится и не сдвинется.

Answer 3

укажите класс для дополнительной ссылки.например ...

<a href="#" class="link">more</a>

В CSS:

Использовать ..

body
{
 font-weight:13pt;
}
a.link
{
font-weight:11pt;
}

Answer 4

У CSS нет способа просеять подобное содержимое, но он может использовать jQuery, чтобы найти все якоря, в которых есть слово «more», и изменить его на основании этого:* Не решение CSS, но это практически единственный способ сделать то, что вы просите. Пример для вас здесь .