css - 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 などのプリプロセッサを使用すると、less/sass スクリプトを使用して通常の CSS ファイルにコンパイルできます。
• div[id^=Card]ID が「Card」で始まるすべての 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>