2014-01-23 41 views
2

朋友, 我可以使用CSS的嵌套函數,以及如何獲得像如下我可以像JavaScript一樣使用CSS嗎?

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

您可以使用LESS,SASS或其他類似工具。轉到http://jsbin.com/打開CSS選項卡,單擊CSS選項卡旁邊的箭頭並播放 –

+0

CSS中沒有任何功能。你應該描述所需的效果,而不是一些發明的語法,絕對不是CSS。在元素上設置屬性時,「獲取元素的當前css屬性」是不合邏輯的。 –

回答

2

利用標準的CSS元素的當前CSS屬性。

你可以做。

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

但是你可以在LESSSASSSCSS

你可以做得更少。

@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預處理器LESSSASS實現這一目標。

+1

@downvoter我會很感激評論。 – Hiral

+0

不確定爲什麼它被低估,因爲它比使用無效CSS的其他答案更有意義。我會高興。 – Albzi

+0

@BeatAlex謝謝:) – Hiral

相關問題