是否可以在sass中使用html屬性？

Question

問題在標題中非常多。

我不知道這是可能的，似乎並不能使它工作，但我可能忽略了一些（我希望）

這是我的顏色選擇功能混入的thingie

=colors($color) 
    @if #{$color} == 0 
    background: transparent 
    @if #{$color} == 1 
    background: #87dcec 
    @if #{$color} == 2 
    background: #72d856 
    @if #{$color} == 3 
    background: #f7e818 
    @if #{$color} == 4 
    background: #f75149 
    @if #{$color} == 5 
    background: #303030 
    @if #{$color} == 6 
    background: #fff1da 
    @if #{$color} == 7 
    background: #75430a 
    @if #{$color} == 8 
    background: #0e7259 

這是我@for

@for $i from 1 through 143 
    li:nth-child(#{$i}) 
    float: left 
    width: 50px 
    height: 50px 
    $color: #{attr(color)} 
    +colors($color) 

所以，我的上海社會科學院已決定，如果的顏色，因爲我甚至不使用8又是古怪只使用最後。

是的，我有一個名爲color

Answer 1

SASS HTML中的屬性就是擴展CSS的，所以你可以使用HTML屬性只有在選擇，像這樣：

.some[color] { color: $color; } // $color is SCSS variable 
.some[color=red] { color: red; } 

您不能設置（或獲取）來自（S）CSS內部的html屬性值。

但在你的情況，你可以只使用一組普通的CSS類：

.class[color=0] { background: transparent; } 
.class[color=1] { background: #87dcec; } 

等，只是包括他們進入你的SASS的樣式。

---

在less，使用less.js的時候，你可以訪問DOM通過JavaScript屬性，查看教程 「的JavaScript評價」：

@height: `document.body.clientHeight`;