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

这是我的css：

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

8.

我要信用卡1，信用卡2

我想做一些像#Card%{}

---

有可能吗？

正如Tomas和Joe已经评论的那样，您不能用纯CSS编写任何脚本。您可以执行以下任一操作：

• 给每张卡一个等级和目标-这可能是最好的方法
• 将所有卡片放在一个容器中，然后使用类似于

  #cards>div

  的东西
• 使用诸如LESS或SASS之类的预处理器，它们获取LESS/SASS脚本并将它们编译成常规CSS文件
• 使用

  div[id^=Card]

  以id以“Card”开头的每个div为目标

---

毫无疑问，您会为此使用一个类：

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

8.
8.
8.

据我所知，您不能用CSS编写任何脚本。你应该有两门课：

card

用于所有的卡，而

card1

，

card2

用于特定的卡。@TomášZato击败我：）所以：附议。如果它们都一样，那么课程就是最好的选择。否则你必须看一看JavaScript。我不知道我可以在一个元素上同时拥有id和类