1

これらを単一の行に結合できないのはなぜですか。後者にのみ影響します。.link にカーソルを合わせると、h3 と h4 が color:white になります。例:

これは機能しますが、それらを組み合わせてコード行を節約したかったのです。

.link:hover h3 {
 color: white;
}

.link:hover h4 {
color: white;
}


ただし、これは機能しません。h3 にのみ影響し、ホバーの前に h4 color:white が適用されます。

.link:hover h3, h4 {
color: white;
}
4

2 に答える 2

1

注意として、 と の両方に繰り返し適用することなくスタイルを適用する機能が本当に必要な場合は、一般的な CSS プリプロセッサのすべてがその機能をサポートしています。以下はSass (SCSS 構文)、LESS、およびStylusで機能します。h3h4.link:hover

.link:hover {
    h3, h4 {
        color: white;
    }
}

これは、次の CSS にコンパイルされます (形式が異なる可能性があります)。

.link:hover h3,
.link:hover h4 {
    color: white;
}
于 2013-09-06T19:33:30.970 に答える