2014-01-23 2 views
2

Друзья, Могу ли я использовать CSS в качестве вложенных функций и как получить текущие свойства CSS-го элемента, например, как следоватьМогу ли я использовать CSS как javascript?

.button1:active 
{ 
    #button2 
    { 
    width:width+20px; 
    } 
} 
+2

Вы можете использовать LESS, SASS или другие подобные инструменты. Перейдите на страницу http://jsbin.com/, чтобы открыть вкладку CSS, щелкните стрелку рядом с вкладкой CSS и поиграйте в –

+0

. В CSS нет функций. Вы должны описать желаемый эффект, а не какой-то изобретенный синтаксис, который определенно не является CSS. И было бы нелогично «получать текущие свойства css элемента» при установке свойства на элементе. –

ответ

2

Не со стандартной CSS.

Вы можете сделать.

.button1:active #button2 { 
    width:20px; 
} 

Однако вы можете в LESS, SASS или SCSS.

С МЕНЬШЕ можно сделать.

@elementWidth: 20px; 

.button1:active { 
    #button2 { 
     width: @elementWidth + 20px; //Resulting width would be 40px 
    } 
} 
+0

Спасибо другу ... – vino20

+4

'width: width + 20px;' недопустимо объявление CSS. – Pavlo

+0

@Pavlo извините, скопируйте и вставьте вопрос :) –

1

Вы можете написать как:

.button1:active #button2{ 
    width:20px; 
} 

Использование CSS предварительной переработке LESS или SASS для достижения этой цели.

+1

@downvoter Я был бы признателен за комментарий. – Hiral

+0

Не уверен, почему он был заблокирован, потому что он имеет больше смысла, чем другой ответ с неверным CSS. Я поднимусь. – Albzi

+0

@BeatAlex thanks :) – Hiral

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