2012-01-16 5 views
0

Я хотел бы применить к некоторому селектору стиль, который уже определен на другом селекторе (если применимо).Как применить стиль селектора на другом селекторе?

Я хотел бы сделать это, так как у меня есть стиль, который уже определен в каком-то внешнем файле CSS на каком-то селекторе. И я хочу реплицировать этот стиль на какой-то другой селектор, без копирования-вставки или необходимости редактировать мой CSS-файл, если внешний файл CSS изменится в будущем (разделите и покорите).

Что-то вроде этого:

Внешний файл CSS:

table tfoot td { 
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cfcfcf)); 
} 

Мой CSS файл:

table thead td { 
    getStyle(table tfoot td); 
} 

Возможно ли это?

+0

Это невозможно. – BoltClock

+2

Я думаю, что ваш лучший выбор делает блок стиля классом – Triztian

+1

Вы можете поделиться стилем, если используете JavaScript для копирования его с одного селектора на другой. – DwB

ответ

3

Вы не можете сделать это в родном CSS. Вам нужно будет использовать предварительный процессор, например SCSS или LESS, и использовать переменные.

Уточнение: как указал Тризтян в своем комментарии, вы можете использовать собственный CSS, чтобы сделать это с помощью многоразового селектора, такого как класс, но фактическое копирование стиля из одного селектора в другое невозможно.

+0

Но если бы я понял, что вы правы - тогда в этом случае мне придется изменить внешний файл CSS. Я прав? – rapt

+0

да, вам нужно будет изменить внешний файл css для использования классов, если вы хотите делиться определениями css между селекторами. – DwB

Смежные вопросы