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

Тема в разделе "Верстка", создана пользователем latteo, 6 ноя 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. latteo

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

    Moderator
    Регистр.:
    28 фев 2008
    Сообщения:
    1.546
    Симпатии:
    1.418
    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 тоже не использовать.
     
  2. esche

    esche

    Регистр.:
    9 авг 2009
    Сообщения:
    359
    Симпатии:
    243
    А жаль, в 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>
     
    latteo нравится это.
Статус темы:
Закрыта.