Войти

Показать полную графическую версию : [решено] CSS: Общие параметры для всех классов, название которых начинается с...


flower
07-06-2014, 16:38
Не знаю даже, как сформулировать свой запрос в гугл.

Вот есть у меня классы

#Safe_row_item1
#Safe_row_item2
#Safe_row_item3
#Safe_row_item4
и так далее

Как мне указать для них общие свойства, чтобы не перечислять каждый класс?

#Safe_row_item* ? #Safe_row_item# ?Или как? Или перечислять каждый по отдельности..
Классы генерируются веб-приложением именно в таком виде.

Sham
08-06-2014, 00:44
есть get_class_vars, get_object_vars http://php.net/manual/ru/function.get-class-vars.php, потом array_keys, array_intersect или array_diff

flower
08-06-2014, 09:08
Пардон, забыл указать, что речь идет о CSS.

Sham
08-06-2014, 09:31
через запятую http://www.w3.org/TR/CSS2/selector.html#grouping
только это не классы, а id-селекторы (#....)

flower
08-06-2014, 10:10
Через запятую много текста получается.
Я не могу понять, почему звездочка не замещает меняющиеся символы одинаковых с начала селекторов на их конце :)

#Safe_row_item*
{
стиль
}

Sham
08-06-2014, 10:12
только так, но это CSS3
[id^="Safe_row_item"] {
стиль
}

flower
08-06-2014, 14:03
Этот вариант вроде как работает, спасибо.
И второй вопрос - как провернуть аналогичную операцию с более сложным случаем:

#Safe_row_item1 > div:nth-child(1)
#Safe_row_item2 > div:nth-child(1)
#Safe_row_item3 > div:nth-child(1)
#Safe_row_item4 > div:nth-child(1)
и т.д.


только так, но это CSS3 »
Применение стандарта пошло вроде как в 2008.. Надеюсь, сейчас уже не осталось древних браузеров...

Sham
08-06-2014, 14:39
да так же должно работать, это же селектор [id^="Safe_row_item"] > div:nth-child(1)

flower
08-06-2014, 15:30
Спасибо, все работает.




© OSzone.net 2001-2012