[解決済み】Sassの:afterと:beforeの擬似要素セレクタ【重複あり
2022-04-11 16:30:50
質問
SassやSCSSの構文に従って:beforeと:after擬似要素セレクタを使用するにはどうしたらよいでしょうか?このように。
p
margin: 2em auto
> a
color: red
:before
content: ""
:after
content: "* * *"
もちろん、上記は失敗です。
解決方法は?
SCSSの構文です。
p {
margin: 2em auto;
> a {
color: red;
}
&:before {
content: "";
}
&:after {
content: "* * *";
}
}
関連
-
[解決済み] 位置固定が効かないのが絶対のように効いている【非公開
-
[解決済み] SCSSとSassの違いは何ですか?
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] javascript(またはjQuery)を使って::beforeや::afterなどのCSS疑似要素を選択し、操作する。
-
[解決済み] 入力フィールドに :before や :after 疑似要素を使用できますか?
-
[解決済み] Sass .scss: ネストと複数クラス?
-
[解決済み] 擬似要素 ::before や ::after のコンテンツとして SVG を使用する方法はありますか?
-
[解決済み】CSS。擬似要素(after, before,...)を削除する方法は?
-
[解決済み] 擬似要素の ::after または ::before の内容に改行を追加する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Rails: Sprockets::Rails::Helper::AssetNotPrecompiled の開発中。
-
[解決済み] CSS無効なプロパティ値?
-
[解決済み] iframe 要素の scrolling 属性は廃止されました。代わりにCSSを使用してください。
-
[解決済み] CSS - div から画面の幅いっぱいまでオーバーフローさせる方法
-
[解決済み] ヘッダー付きCSSボックス
-
[解決済み] 要素を移動せずにホバー時にCSSボーダーを追加する [複製]
-
[解決済み] 高さと幅はspanには適用されないのですか?
-
[解決済み] CSSで背景画像を着色する方法を教えてください。
-
[解決済み] select2入力の幅を設定する(Angular-uiディレクティブを使用)
-
[解決済み] Sass .scss: ネストと複数クラス?