通過CSS/SASS的通用字符串設置

是否有某種類型的值可以使用CSS分配任何任意字符串？例如，"large"或"small"。通過CSS/SASS的通用字符串設置

我的目的是觀看普通div與display: none，並通過媒體查詢更改爲-的，但未知這類型的值"large"或"small"。 Javascript會監視此更改並使用分配的值。

示例HTML：

<div class="state"/>

對應的實施例SASS：

.state { 
    @media #{$isSmall} { 
     unknown-type-of-value: "small"; 
    } 
    @media #{$isLarge} { 
     unknown-type-of-value: "large"; 
    } 
}

來源

2013-07-01 Chris Redford

我不明白你想要做什麼，你能否詳細說明，也許後一些代碼？ – j08691

你的意思是像'.element：after {content：「state1」; }'？ –

在Stack Overflow中，我們的唯一目的是儘可能地幫助您。但是，本網站旨在幫助您嘗試修復代碼，而不是向您提供代碼。如果你想讓人們幫助你，那麼它將不勝感激有一些研究證據 –

你不能改變的CSS一<div>的價值，但你可以使用:after有CSS 「追加」文本到它。

喜歡的東西

@media screen{ 
    div.test:after{ 
     content: "small"; 
    } 

} 

@media print{ 
    div.test:after{ 
     content: "large"; 
    } 

}

DEMO：http://jsbin.com/edirad/1（嘗試打印出來，並期待在預覽）

來源

2013-07-01 18:56:11

感謝您花時間瞭解我的問題。 –

不客氣:-) –

實際上，我直接測試了設置內容，它至少在Chrome上可以正常工作。 –

通過CSS/SASS的通用字符串設置

回答

相關問題