:before
と:after
CSS疑似クラスのように、それぞれのエフェクトをエミュレートするために:below
と:above
疑似クラスがありますか?CSSの前後に類似した疑似クラスがありますか?
1
A
答えて
2
いいえ、ここにすべてpseudo-classesのリストがあります。 :before
と:after
擬似クラスは、ターゲット要素の子としてpseudo elementsを作成します。親子は、DOMの物理的位置の唯一の概念です。視覚的な位置はスタイリングの問題です。
これは、これらの要素が視覚的にの上/下になるようにするには、CSSを使用してそれらの要素をそのまま配置する必要があることを意味します。以下/以上により
.a {
margin-top: 20px;
}
.a::before,
.a::after {
display: block; /* they are inline by default */
}
.a::before {
content: "above";
color: blue;
top: -1em; /* go above */
}
.a::after {
content: "bellow";
color: red;
top: 1em; /* go bellow */
}
<div class="a">target</div>
+0
'relative 'の位置付けを疑似要素に対して' .a'と 'absolute'に適用したのと同じように、私はトップレベル/親要素を' relative'に設定できません。あなたはこの問題にどのように取り組むべきか考えていますか? –
+0
私たちは実際にこれを必要としません。 'block'と表示するだけです – nem035
関連する問題
- 1. 前後のCSS疑似クラスを使用
- 2. CSS:疑似クラスは
- 3. CSS疑似クラス最後の子問題
- 4. 追加:後続:有効CSS疑似クラス
- 5. jQueryと隠れ:/後:疑似前のクラス
- 6. jQueryには:CSS3に似た:target疑似クラスがありますか?
- 7. CSS疑似クラスのアニメーション
- 8. CSS疑似クラス継承
- 9. CSS疑似クラスとjQueryアニメーション?
- 10. 疑似要素または疑似クラスが無効
- 11. タッチスクリーンのCSS疑似クラスの問題
- 12. CSS CSSの疑似要素
- 13. リストの疑似クラス
- 14. HTML無効ボタン:アクティブなCSS疑似クラス
- 15. CSS疑似クラスで混乱:アクティブ
- 16. CSSの疑似要素の前にある "&"は何を意味しますか?
- 17. リンクの疑似クラスのテキスト装飾の後のCSS
- 18. JQueryが疑似クラスを破りました:スクリプト実行後にホバー
- 19. Microsoft Visio 2010のCSSに類似したものはありますか?
- 20. UIImageViewにUV座標(または類似)がありますか?
- 21. JQueryが疑似クラスにフェードする:ホバー
- 22. HTML5フォームテキストプレースホルダ - CSS疑似クラスを持っていますか?
- 23. カスタムCSS疑似クラスを作成できますか?
- 24. VBA - リストに類似したものはありますか?
- 25. MSHTMLを使用して疑似要素(:前、:後など)または疑似クラス(:ホバー、:訪問したなど)にアクセスするには?
- 26. 疑似クラスが動作しない
- 27. CSS:ホバー疑似クラスが動作しない
- 28. エラー '(CSS 3.0): ":-webkit-autofill"は有効な疑似クラスではありません。
- 29. jQuery複数疑似クラス
- 30. CSSで「疑似」とは何ですか?
、あなたは上のトップの/の後ろにレンダリングされた意味ですか?または、HTML階層の親子を意味しますか? – skyline3000
@ skyline3000私は物理的な位置を意味しました –