次のように記述されている場合、テキストの色を変更するコードは::selection
正常に機能します。
HTML:
<p>This is a paragraph.</p>
CSS:
p::selection { // This works
color:#ff0000;
}
p::-moz-selection { // This works
color:#ff0000;
}
ただし、CSS
以下のように 2 つのルールを同じ行に配置すると、機能しません。
HTML:
<p>This is a paragraph.</p>
CSS:
p::selection, p::-moz-selection { // // This does not work
color:#ff0000;
}
なぜこれが機能しないのですか?CSS
同じ行に2つの異なるルールを書くルールは何ですか?