CSS по регулярке на имя класса

latteo · 6 Ноя 2013

HTML:

<a href="#" class="icon-star"></a>
<a href="#" class="icon-signal"></a>
<a href="#" class="icon-share"></a>
<a href="#" class="icon-book"></a>

Задача применить ко всем этим элементам стиль:

HTML:

{
  font-size: 24px;
}

Простое и правильное решение дописать новый стиль я знаю - это не интересно

и предлагать такое решение не надо.
По тегу <a> тоже стиль нельзя применять.
Прописать все возможные значения "icon-" нельзя - их могут быть сотни.

Как видим общее в классах "icon-" отсюда и пляшем.

PS: JS тоже не использовать.

esche · 6 Ноя 2013

latteo написал(а):
PS: JS тоже не использовать.

А жаль, в Jquery удобно селекторы по регулярке выцеплять... Либо, на чистом JS (если, конечно, оправдано - т.е. jquery не используется).

Либо к родительским элементам привязываться (если уж совсем нельзя, то без тега <a> ).. либо никак

Можешь, конечно, извратиться.. но что там с кроссбраузерностью будет...

Код:

<html>
<head>
<style type="text/css">
a[class^=icon-] {
color:yellow;
}
</style>
</head>
<body>
<a href="#" class="icon-star">3</a>
<a href="#" class="icon-signal">4</a>
<a href="#" class="icon-share">5</a>
<a href="#" class="icon-book">7</a>
</body>
</html>

CSS по регулярке на имя класса

latteo

Эффективное использование PHP, MySQL

esche

Мой дом здесь!