特定のCSS疑似要素のプロパティを変更するにはどうすればよいですか？
赤方偏移
ページ全体に6回表示される特定の疑似要素に特定の色を追加しようとしていますが、その特定の要素を選択できないようです（ただし、すべての：after要素を選択しても問題ありません）。
まず、私のJSFIDDLEはここにあります。
ここに表示される「三角形」は、私が色付けしようとしているものです。
三角形の色を処理するCSSコードは次のとおりです。
.timeline > li > .timeline-panel:after {
border-left: 14px solid #fff;
}
明らかに、色を#fffから＃333に変更すると、ページ上のすべての三角形に影響します。私の質問は....特定の三角形にのみ影響を与えるにはどうすればよいですか？私の目標は、ページ上の各三角形（この場合は6つの異なる三角形）の色を変更することです。私は次のように三角形にIDを割り当てようとしました：
#triangle1 .timeline > li > .timeline-panel:after {
border-left: 14px solid #333;
}
次に、次のようにHTMLコードのリストタグにIDを追加します。
<li id="triangle1">
しかし、それはうまくいきませんでした。もっと具体的にする必要がありますか？もっと良い方法はありますか？JQuery？
レオ
セレクターが正しくありませんli#triangle1 > .timeline-panel:after {}。を使用してください。liはIDを持つ要素であり、ulの祖先の1つではありません。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
疑似クラスのプロパティを変更するにはどうすればよいですか？
- 2
CSSプロパティ値を要素の値に変更するにはどうすればよいですか？
- 3
既存のTextStyleの特定のプロパティを変更するにはどうすればよいですか？
- 4
親要素の子プロパティを変更するにはどうすればよいですか？
- 5
jqueryでcontent：urlのcssプロパティを変更するにはどうすればよいですか？
- 6
JavaScriptでCSSの表示プロパティを変更するにはどうすればよいですか？
- 7
特定のセルのDataGridTemplateColumnDataTemplate要素のプロパティを変更するにはどうすればよいですか
- 8
複数のCSS要素プロパティを一度に変更して無限にループするにはどうすればよいですか？
- 9
特定のメディアクエリのcssクラスプロパティ値を変更するにはどうすればよいですか？
- 10
PHPコードからブロックするようにcssプロパティの表示を変更するにはどうすればよいですか？
- 11
既存のTwilio番号のプロパティを変更するにはどうすればよいですか？
- 12
JavaScript：引数から要素プロパティを変更するにはどうすればよいですか？
- 13
jQueryのプロパティから値を変更するにはどうすればよいですか？
- 14
春の環境でプロパティを変更するにはどうすればよいですか？
- 15
WPFでTextblockのtextプロパティを変更するにはどうすればよいですか？
- 16
jQueryのヘッダープロパティを変更するにはどうすればよいですか？
- 17
バケットのプロパティを変更するにはどうすればよいですか
- 18
Androidカメラのプロパティを変更するにはどうすればよいですか？
- 19
Jetbrains IDEの選択プロパティを変更するにはどうすればよいですか？
- 20
CSS変換プロパティの1つの関数のみを複数の関数で変更するにはどうすればよいですか？
- 21
パスワードを検証するときに、<input>のCSSプロパティを変更するにはどうすればよいですか？
- 22
特定のuicollectionviewcellのプロパティを変更するアクションを作成するにはどうすればよいですか？
- 23
コードを介して特定のコントロールのプロパティを変更するにはどうすればよいですか？
- 24
角のある材料要素/コンポーネントのプロパティを変更するにはどうすればよいですか？
- 25
ビューモデルを変更して、特定のプロパティのみの検証を確認するにはどうすればよいですか？
- 26
クラス名の増分に基づいて変更するcssプロパティを定義するにはどうすればよいですか？
- 27
要素にマウスを置いたときにcssプロパティを変更するにはどうすればよいですか？
- 28
イベントをトリガーした要素を渡し、そのプロパティを変更するにはどうすればよいですか？
- 29
Polymer 2.0でカスタム要素のプロパティを変更するにはどうすればよいですか？
コメントを追加