2016-12-29 2 views
0

Chrome拡張機能を使用しているため、対応するCSSカウンタを指定してリンクを選択しようとしています。私は正常にすべてのタグにCSSのカウンターを与えるために、WebページにCSSを注入しました。しかし、要素を調べると、タグの中に数字は表示されません。 jQueryセレクタ(好ましくは)を使用して、対応する番号が与えられた適切なタグをどのように選択するのですか?jQueryのCSSカウンタを使用した選択要素

私はstackoverflowのようなサイトで、このCSSを実行します。私はカウンタは、タグに表示されていない要素を検査する場合

body{ 
    counter-reset: linkCtr 0; 
} 
a{ 
    counter-increment: linkCtr 1; 
} 
a:before{ 
    content:'[' counter(linkCtr) ']'; 
} 

。私は:: before:を参照してください。

答えて

0

コンテンツのCSSプロパティは、DOMの一部ではないbeforeと:: after擬似要素で使用されます(そのため、タグ内に数字が表示されません) JavaScriptで操作することはできません。

あなたのHTMLコードを共有できますか?私たちは、クラスや特定のDOMセレクターを使用して解決策を見つけることができる

+0

ちょうど私が注入するCSSを追加 –

+0

もう一つのアプローチを取ろうとすると、あなたはあなたのカウンターを挿入することができます あなたは 'データ( 'counter') 'を使用してアクセスします。 – Sarhan

関連する問題