Mfano wa CSS @layer mawendo

Inadefini na matumizi

CSS @layer Mawendo yanaweza kutumika kumtaarifu mawingu ya muundo wa kuzalisha kwa muundo wa muundo wa uga wa kuzalisha.

Hii inategemea kudifini mawingu kwa uwanja wa muundo, kisha kupakia uga wa mawingu yenye uhusiano mwingine kati yao kwa muundo hili.

@layer Inaweza kudifini na jina au bila jina.

Ina jina au bila jina @layer Inaathiriwa naMawingu yenye jina bila jina. Mawingu yenye jina bila jina inaingia muundo wa kuzalisha kutoka muundo wa kawaida ( kutoka juu hadi chini).

Ina jina pekee @layer Inaathiriwa naMawingu yenye jinaKwa mawingu yenye jina, tunaweza kuzingatia mawingu yenye muundo yenye uhusiano mwingine kati yao (kuwa na mafanikio hasa). Muundo huitwa kutoka kwenye uhusiano hau ya kawaida hadi kwenye uhusiano yenye muundo, kutoka kushoto hadi kulia.

Mfano

Mfano 1

Tumia mawingu yenye jina bila jina (inaanza kuzingatia muundo wa kuzalisha kwa muundo wa kawaida - kutoka juu hadi chini):

/* Mawingu 1 */
@layer {
  body {
    background: kijani;
  }
}
/* Mawingu 2 */
@layer {
  body {
    background: kijani ndogo; /* Inayofikia mawingu yenye jina yenye uhusiano mwingine kati yao */
  }
}

Jifunze kwa utaratibu

Mfano 2

Tumia mawingu yenye jina (na inadefini mawingu ya muundo yenye uhusiano mwingine kati yao):

/* Inadefini mawingu ya muundo ya kuzalisha katika mawingu mawili yenye uhusiano mwingine kati yao */
@layer bgblue, bgpink;
/* Mawingu 1 */
@layer bgpink {
  body {
    background: kijani; /* Inayofikia */
  }
}
/* Mawingu 2 */
@layer bgblue {
  body {
    background: kijani ndogo;
  }
}

Jifunze kwa utaratibu

Inayofikia KiCSS

@layer name {
  matawi ya css;
}

Thamani ya uga

Mfano wa wasafiri

数字 katika tablio inaeleza sababu kuu ya programu ya wasafiri ambayo inahakikisha kuzalisha @ neno hili.