Ako kombinovať tento css? - css, stylesheet

.box_content ::selection {
background:#CCCC33; /* Safari */
}
.box_content ::-moz-selection {
background:#CCCC33; /* Firefox */
}

Každý, kto vie, či môžem kombinovať takéto veci?

.box_content ::selection .box_content ::-moz-selection {
background:#CCCC33;
}

Alebo možno ako:

.box_content ::selection, .box_content ::-moz-selection {
background:#CCCC33;
}

odpovede:

1 pre odpoveď č. 1

Druhý je správny. Môžete použiť čiarku na oddelenie pravidiel výberu css.

Takže:

selector-rule1, selector-rule2 {
style-x;
style-y;
}

Toto bude platiť style-x & style-y na všetko, čo sa zhoduje buď selector-rule1 alebo selector-rule2.

---

Stačí vysvetliť, prečo váš prvý príklad nebude fungovať, pretože je to spaces naznačujú vzťahy predkov a potomkov, takže ak máte:

selector-rule4 selector-rule4 {
style-z;
}

potom style-z bude použité na všetko, čo sa zhoduje selector-rule4 ak je tiež predchodcom niečoho, čo sa zhoduje selector-rule3.

Viac informácií o selektoroch nájdete tu.

---

0 pre odpoveď č. 2

Druhý príklad by mal fungovať dobre.

---

0 pre odpoveď č. 3

Musíte použiť čiarku na zoskupenie voličov:

.box_content ::selection, .box_content ::-moz-selection {
background:#CCCC33;
}

---

0 pre odpoveď č. 4

Druhý príklad nemôže fungovať pretože prehliadač musí ignorovať úplné pravidlo:

Keď používateľ agent nemôže analyzovať selektor (to znamená, že nie je platný CSS 2.1), musí ignorovať volič a nasledujúci blok deklarácie (ak akékoľvek).

Opera a Webkit nemôžu analyzovať vlastný selektor Gecko a Gecko nemôže analyzovať pravidelnú :: výber. Takže pravidlo sa nikdy nebude uplatňovať.

---