問題タブ [css-content]

要素にテキストを追加できる CSS コンテンツ プロパティに出会いました。

例えば：

残念ながら、IE8 でのみ機能するこの CSS プロパティは、!DOCTYPE でのみ定義されています。

とにかく、これをIE7でも動作させることができる回避策はありますか? JavaScript や jQuery を使用せずに。

contentノード値を属性に継承する方法はありますか?

同様に、<h2/>タグ値が「ランダムタイトル」に設定されている場合content、CSS の属性内でこの値を取得できますか?

試してみましcontent: inherit;たが、うまくいかないようです。

私の理論の例：

HTML:

CSS:

前もって感謝します！

要素とともに:before疑似要素を使用しようとしていimgます。

このHTMLとCSSを検討してください...

HTML

CSS

jsFiddle。

これでは、目的の効果が得られません（Chrome13およびFirefox6でテスト済み）。ただし、divまたはspan要素で機能します。

なぜだめですか？

疑似要素を要素で機能させる方法はありimgますか？

content 属性を長い間使用してきましたが、今日は何か新しいことを試してみたいと思いました。JS を使用して画像のツールチップを表示する代わりに、CSS を使用して動的に表示できるかどうかを知りたかったのです。

だから私は試しました：

whereattr(id)は、写真の名前でもある写真の ID (英数字) を返すことになっています。

全く効かない、効果がない。ブロックに境界線や背景を追加しても効果がないように見えるため、ブロックが解析されなかったと思います。

attr(id)URLを使わずに単独で使用すると、完全に機能します。attr(id)写真の実名に置き換えても機能します。

ウェブ上でしばらく検索した後、関連するものが見つからなかったので、ここにいます。それは既知のバグですか、それとも私の間違いですか？:)

以前の質問からhttp://jsfiddle.net/8p2Wx/2/を取得しましたが、次の行が表示されます。

奪うcontent:""と効果が損なわれ、なぜ必要なのかわかりません。

content空の要素:afterと:before疑似要素を追加する必要があるのはなぜですか？

私は非常に奇妙な問題を抱えています。

だから私はCSSの巨大な山を持っています、そしてその中の多くのセレクターの中に、私はこのように見えるセレクターを持っています、それはうまく働いています：

しかし、そのすぐ上に次のようなセレクターを追加します。

そして、spoilertop, #QUOTETOP, #CODETOP, .utubetop { }動作を停止します。それは私にそれが与えるべきであった視覚効果を与えません。

別のセレクターでもう一度テストしました。私はこのようなセレクターを持っています：

次に、これをその上に追加します。

繰り返しますが、#recaptcha { }動作を停止します。

プロパティを1つずつ削除しようとしましたcontent: "";が、問題の原因となっているのはそれであることがわかりました。今のところ、解決策は、ランダムな未使用のセレクターをの下に配置すること{ content: ""; }です。たとえば、次のようになります。

しかし、私がたくさん持っている場合、その解決策はちょっと面倒ですcontent: "";。そして、なぜそのような問題が起こっているのか、私は本当に混乱しています。

だから...誰かが私が理由を説明するのを手伝ってくれる？

csscounters()関数を先行ゼロと組み合わせて、次のようなリストを作成することは可能ですか?

を使用して先行ゼロを使用できcontent: counter(name, decimal-leading-zero)、 を使用してネストされたカウンターを組み合わせることができcontent: counters(name, ".")ます。

入れ子のレベルがわかっている場合の回避策は知っていますが (つまり、リストが 3 レベルの深さしか入れ子にならないことを知っています)、未知の入れ子レベルのリストに対してこれらを組み合わせることができるかどうかは誰にもわかりませんか?

:before同じ要素に対して複数の疑似を持つことは可能ですか？

jQueryを使用して上記のスタイルを同じ要素に適用しようとしていますが、最新のスタイルのみが適用され、両方が適用されることはありません。

ナビゲーションでリンクを分離するために、私は以下を設定しました

現在のアイテムが追加されます

私の今の問題は、「*」にも下線が引かれているが、下線が引かれるべきではないということです。

追加しようとしました

しかし、効果はありません

誰かがテキストに下線を付けておく方法を知っていますが、：afterコンテンツは持っていませんか？