ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS のみを使用して HTML リストの箇条書きの色を変更するにはどうすればよいですか?
画像やインライン要素のない HTML リストの箇条書きの色を設定する
順序なしリストのスタイルを設定するときに、箇条書きの色を変更したい場合があります。リスト項目のテキストには影響を与えません。
エレガントな CSS のみのソリューション
答えは ::before 疑似要素にあります:
ul { list-style: none; padding: 0; margin: 0; } li { padding-left: 1em; text-indent: -0.7em; } li::before { content: "•"; color: #F00; }
このコードは、画像やインライン要素に頼ることなく、目的の効果を実現します。その仕組みは次のとおりです。
以上がCSS のみを使用して HTML リストの箇条書きの色を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。