htmlページには、q1r1、q1r2、q1r3、q2r1、q2r2、q2r3などのdiv IDが含まれています。CSSでこれらのIDを選択して一度にスタイルを適用するにはどうすればいいですか? IDがq1、q2、q3 ..の場合、id^= "q"とすることができます。特定のパターンのIDを選択するCSSを取得する方法は?
0
A
答えて
0
あなたは[id^q]
を行うことができます。
[id^=q] {
// common styles
}
をそして、あなたはあなたが使用できる省略したい特定のIDがあれば[id^=q]:not(#idname)
:
たり、特定のパターンで始まるIDを除外したい場合は、のような2を組み合わせる:
/* All ids that start with "q" but not "qr" */
[id^=q]:not([id^=qr]) {
// Styles here
}
しかし、私は絶対には、共通のクラスを追加することをお勧めしますそれは彼らが設計されたものであるからです。 idをpythonで追加できる場合は、クラスを追加することもできます。あなたがそれぞれに共通のクラス名を適用することはできませんなぜセレクタ「^」のスタイルを使用することにより
+0
ありがとうございました...ほぼ解決策です... – mathsbeauty
+0
問題点は何ですか? –
0
は
<!DOCTYPE html>
<html>
<head>
<style>
div[id^="q"] {
background: #ffff00;
}
</style>
</head>
<body>
<div id="q1r1">The first div element.</div>
<div id="q1r2">The second div element.</div>
<div id="q2r2">The third div element.</div>
<p id="q2r1">This is some text in a paragraph.</p>
</body>
</html>
関連する問題
- 1. CSSから特定のプロパティを選択する方法は?
- 2. 特定のID番号に特定の列数を選択する方法は?
- 3. コンボボックスの選択項目のIDを取得する方法
- 4. DataGridViewで選択した行のIDを取得する方法
- 5. jQueryの以前の選択タグに基づいて特定の選択オプションを取得する方法は?
- 6. 特定のCSSの列の内容を取得する方法
- 7. Jqueryオートコンプリート:選択したアイテムを取得する方法ID?
- 8. リストビューで選択したアイテムIDを取得する方法
- 9. 選択アイテムIDを取得する
- 10. 特定のメールからユーザーIDを取得する方法
- 11. アイテムのIDを取得する方法SQLiteからスピナーを選択するAndroid
- 12. Autocompletetextviewの選択項目のIDをアンドロイドで取得する方法は?
- 13. 特定のクラスの選択されたラジオボタンを取得する
- 14. PDFNetの特定のページで(テキスト)選択を取得する
- 15. 特定のCSSホバープロパティを取得する
- 16. 特定のcssクラスを持つ3rd divの選択方法
- 17. Sitecoreで特定の親IDを持つアイテムを選択する方法
- 18. 剃刀コードで選択したラジオボタンのIDを取得する方法は?
- 19. ダイナミックスピナーで選択したアイテムのIDを取得する方法は?
- 20. PrestaShop:カテゴリツリービューで選択したカテゴリのIDを取得する方法は?
- 21. mvc3のドロップダウンリストから選択した値とIDを取得する方法は?
- 22. sqlite:選択した列の列IDを取得する方法は?
- 23. 選択したリストから特定のオブジェクトを取得する
- 24. CSSセレクタ:特定のクラス名を持つ要素を選択する方法
- 25. Railsで特定のピクセルの色を選択する方法は?
- 26. 特定の文字列の後に最初のパターンを取得する方法
- 27. Regexの特定のパターンを取得するまでの一致方法
- 28. データベース内の特定のIDのレコードの量を取得する方法は?
- 29. ComboBox特定のオブジェクトIDを選択
- 30. 特定のテキストをCSSで選択できないようにする方法
を適用することができますか? –
'[id^=" q "]' _does_それらのすべてを選択するか、あなたが望むものを理解していませんか? –
htmlはいくつかの複雑なpythonスクリプトによって自動的に生成されます。 – mathsbeauty