- 1. 概要
- 2. 状況
- 3. 対処
- 4. 参考サイト
1. 概要
前ページとは、別の意味合いで。
2. 状況
span.legend
{
color: green;
font-style: italic;
}
ちゅな、定義をしておるのですが。
本サイトの場合、平文とコード文で、背景が違いましてな。
平文の緑
コード内の緑
平文は、まだいいものの、コード内は暗くてよく見えない。
平文とコード内で、スタイルを切り替えるのも苦労です。
3. 対処
コードは、「<code></code>」という、タグに囲まれているので、これを利用することができます。
span.legend
{
color: #336633;
code & { color: limegreen; }
font-style: italic;
}
こうしますと。
平文の legend
コード内の legend
てな感じで、セレクタを変えることなく、タグ内とタグ外で色分けできました。
ただまぁ、色を選ぶのが難しくて、色弱ではないのですが、センスがないのがつらいところです。
4. 参考サイト
本ページは、「Claude」上等兵を参考にさせていただきました。
|
|
