如何做類似的東西＃卡號％{}在CSS

Question

這是我的CSS：

<div id="Card0"> 
    <div draggable="true" id="carte"> 
    <div id="no">8</div> 
    <div id="Trefle"></div> 
    </div> 
</div> 

我會有卡1，卡2 ...

我想這樣做＃卡號％ {} 這可能嗎？

Answer 1

毫無疑問你可以使用一個類此：

<div id="Card0" class="card"> 
    <div draggable="true" id="carte0"> 
    <div id="no">8</div> 
    <div id="Trefle"></div> 
    </div> 
</div> 

<div id="Card1" class="card"> 
    <div draggable="true" id="carte1"> 
    <div id="no">8</div> 
    <div id="Trefle"></div> 
    </div> 
</div> 

<div id="Card2" class="card"> 
    <div draggable="true" id="carte2"> 
    <div id="no">8</div> 
    <div id="Trefle"></div> 
    </div> 
</div> 

Answer 2

正如托馬斯和喬已經評論過的，你不能真正在純CSS中做任何腳本。你可以做以下任何事情：

• 給每張卡片一個類和目標 - 這可能是最好的方法。
• 將所有卡片放入容器中，然後使用類似#cards > div的東西。
• 使用像LESS或SASS這樣的預處理程序，它們採用less/sass腳本並將它們編譯爲常規CSS文件。
• 使用div[id^=Card]來定位每個ID，其中ID以「Card」開頭。