問題タブ [css-content]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - HTML5 の「data-」属性が CSS の「content」プロパティをオーバーライドする
私は広範囲に目を向けましたが、この動作の説明を見つけることができませんでした.
HTML5 の属性が共通要素のdata-CSS プロパティをオーバーライドするのはなぜですか?content
たとえば、次の要素を定義しています。
そして私のCSSクラスは次のとおりです：
属性がdata-module-field設定されていると、CSS クラスで定義されたコンテンツ イメージが表示されません。ただし、この属性の部分を削除するとdata-(次のように)、コンテンツ イメージが正しく表示されます。
この動作が発生する理由を説明できる人はいますか?
css - 「コンテンツ」プロパティが :hover IE で機能しない
contentプロパティは、IE のどのバージョンのセレクターでも機能しませ:hoverん
HTML:
CSS:
HTML 5 doctype ( <!DOCTYPE html>) があることに注意してください。
css - *:before、*:after content プロパティのないルールの目的
私が理解していることから、指定されたターゲットの前後にコンテンツ:beforeを挿入します。:afterこの CSS スニペットの目的が何なのかよくわかりません。
css - 生成されたコンテンツが先行する場合、Firefox の CSS トランジションが開始されない
** 更新 ** 他の誰かがこの問題に遭遇した場合は、Firefox にバグが報告されています https://bugzilla.mozilla.org/show_bug.cgi?id=1011153
今日これを見つけて、フィドルをセットアップしました。現時点で私が言える最善のことは、遷移効果が適用された生成済みコンテンツがターゲット要素の前にある場合、遷移が開始されないということです。
html:
CSS:
この動作は Firefox でのみ見られます。これが起こっている理由はありますか、それとも FF のバグのようですか?
css - コンテンツの有無によって要素の高さが異なる理由
次の要素の高さが異なる理由を知りたいです。
その場合は、http://jsfiddle.net/pJw9d/で説明できます(サイズの違いを表示するには、ポインターでシンボルをホバーします)。
PS: 私はそのような問題を解決する方法を知っています (たとえば、改行しないスペース ( または\00a0) を使用するか、CSS の位置を定義することによって)、なぜそのように動作するのか知りたいです。
html - ボタンが表示されないように、ラジオ ボタンで使用されるコンテンツ (画像) を配置する
現在、CSS プロパティのコンテンツを使用して各ボタンの画像を挿入し、選択するかどうかに応じて不透明度が変化するフォームに 2 つのラジオ ボタンがあります。元のラジオ ボタンは、画像の左側に表示されたままです。元のラジオボタンの中央に画像を移動する方法はありますか?
html - テキストとインラインの :after 要素に「コンテンツ」を設定する方法
メニューに li-tag があります:
次に、メニューポイントの後に ">" を追加して、"Home >" または "Article >" のようにします。
これは私の :after:
ただし、>" は常に次の行にあります。メニューポイントの後の行に直接設定することは可能ですか?
html - CSSで生成されたコンテンツを選択することはできますか?
マークアップがあるとしましょう：
..CSS を使用:
これにより、次のテキストが生成されます。 Hello world! -フィドル
しかし...
テキストを選択/コピーしようとすると、「hello」部分のみが選択可能です。
CSSで生成されたテキストを選択する方法はありますか?
注意:
1)生成されたコンテンツに関する仕様 (こことここ) を見ましたが、この問題への言及は見当たりませんでした。
こことここの仕様は、生成されたコンテンツは選択可能であるべきだと言っているようです
生成されたコンテンツは、検索可能で選択可能であり、支援技術で利用できる必要があります
2) この質問に対する答えが「いいえ - それは不可能です」の場合 - これを述べている信頼できる情報源へのリンクをお願いします。