問題タブ [css-content]

CSS を使用して、疑似要素 data-URI 内にある SVG パスの色を変更することは可能ですか?

CSS:

これは簡単だと思いますが、これを機能させることはできません。基本的に、デザイナー/開発者との作業を少し簡単にするためのスタイル ガイドを作成しています。私が達成しようとしているのはこれです、

ミックスインを使用してLESSによってその場で背景色が生成されるブロックでいっぱいのパレットがあります。ミックスインで生成された値を出力し、CSS 疑似要素を使用してオブジェクトに追加できるようにしたいと考えています。

これが私のコードです：

どんな提案でも大歓迎です。Webサイトを見ましたが、解決策を見つけることができませんでした。

ありがとう！

私が特に疑問に思っている*:afterのは、リソースに関してどれだけ高価になるかということです。この場合、疑似要素はキーセレクターになりますか? それとも、クライアントはとにかくすべての要素を取得しますか?

言い換えれば、*:afterと*パフォーマンスの違いは何ですか?

【編集しました。愚かな例。悪い。]

明確にするために、css のみを使用して sth を描画しようとしていますが、多くの疑似要素を使用していることに気付きました。書くことで時間を節約できるかどうか、たださまよいます

とその資源コスト。

ありがとう。

data-img を疑似要素の画像として設定しようとしていますが、成功しませんでした。これまでに試したことは次のとおりです。

マークアップ:

スタイル：

結果の壊れた画像: http://jsfiddle.net/vfPKb/

複数ページのフォームがあり、各ページはリスト項目に含まれています。これらの各リスト項目には、リスト項目に質問を含む順序付けられたリストが含まれています。これらのリスト項目のそれぞれには、ラジオまたはチェックボックスの入力タイプのいずれかを選択した順序付けられていないリストが含まれています。

順序付きリストのリスト項目で CSS カウンターをインクリメントしようとしています。

基本的な例を次に示します: http://jsfiddle.net/wCbvb/

質問 (h2 を含むリスト項目) を取得してカウンターをインクリメントし、次のリストに進みます。これが可能かどうかはわかりませんが、ご覧いただきありがとうございます。これには、CSS カウンターを使用した純粋な CSS ソリューションのみを使用します。どうもありがとう:)

番号付きリストを使用せずに段落に番号を付けたい。CSS で content:counter(paragraph) を使用してこれを達成しようとしているので、作成するすべての段落ブロックがその左側に数字を生成します。

それは正常に動作しますが、問題は、数字がすべて右に揃うように数字を揃える方法がわからないことです。

したがって、代わりに：

私は彼らがこのように見えるようにしたい:

OL と LI なしでこれを達成する方法はありますか?

次のテキストがあります。

そして、次のような疑似要素を作成したいと思います。

疑似要素のコンテンツが要素のテキスト、この場合は 42 であるようにします。トリックを使ってそのようなことを行うことはできますか?

疑似要素でいくつかのトリックを実行しようとしています。

ランキングを表示していて、画像が表示されるボックスの隅で 45 度傾いた勝者の上に王冠を表示したいと考えています。しかし、画像が大きすぎます。疑似要素に追加された画像のサイズを変更する方法はありますか?

私はこれだけを持っていますdiv:

これでCSS：

JSFiddle で例を作成しました: http://jsfiddle.net/GEtds/

変更heightしてみwidthましたが、効果がありませんでした。