如何在CSS中执行#Card％{}之类的操作

Question

这是我的css：

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

我会有Card1，Card2 ......

我想做＃Card％{}之类的事情 有可能吗？

Answer 1

正如Tomas和Joe已经评论过的那样，你无法在纯CSS中做任何脚本编写。您可以执行以下任何操作：

• 给每张卡片分类并定位 - 这可能是最好的方式。
• 将所有卡片放入容器中，然后使用#cards > div。
之类的内容
• 使用像LESS或SASS这样的预处理器，它们使用较少的/ sass脚本并将它们编译成常规的CSS文件。
• 使用div[id^=Card]定位ID以“卡片”开头的每个div。

Answer 2

毫无疑问，你会使用一个类：

<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>