1

複数の CSS クラス / ID を選択しようとしているという問題があります。

私のテーマが複数のボタンを呼び出す方法は、次のようにボタン ID に +1 を追加することです。

edit-add-to-wishlist
edit-add-to-wishlist--1
edit-add-to-wishlist--2
edit-add-to-wishlist--3
etc

CSSで各IDに個別に名前を付けて作成することなく、上記のボタンをすべて右にフロートさせたいと思います。

nth:childオプションと*ユニバーサルセレクターを使用しようとしましたが、あまり成功しませんでした。

複数の範囲を選択することは可能ですか?

このようなもの：

#edit-add-to-wishlist--* {
    float: right;
}
4

2 に答える 2

3

属性セレクターを使用できます[attr*=value]:

[id*=edit-add-to-wishlist] {
    color: red;
}

ここにjsFiddle - 動作します

idが含まれるすべてのインスタンスを選択しますedit-add-to-wishlist

[属性*=値]

属性名が attr で、その値に部分文字列として文字列 "value" が少なくとも 1 回出現する要素を表します。

属性セレクターに関する MDN ドキュメント

于 2013-10-24T01:29:04.827 に答える
0 
button[id^=edit-add-to-wishlist] {float:right}

<button id="edit-add-to-wishlist*>アスタリスクがワイルドカードである場所を探すことにより、CSS3 のサブストリング マッチングを使用します。

于 2013-10-24T01:32:11.590 に答える