Day 55: anonymous layers

In all previous posts about cascade layers I’ve used named layers in the demos, but it’s actually not required to name them.

Using @layer without a name works just as well. The downsides are that you can’t append styles elsewhere in the document to the same layer and you can’t define a custom order since you don’t have a name to reference them.

@layer {
  p {
    border: 10px solid red;
  }
}

@layer {
  p {
    border-color: rebeccapurple;
  }
}

Bartender, I got me a bet for you. I’m gonna bet you $300 that I can piss into that glass over there and not spill a single, solitary drop.

You can also import style sheets into an anonymous layer by using the layer keyword.

@import url('style.css') layer;

My blog doesn’t support comments yet, but you can reply via blog@matuzo.at.


This content originally appeared on Manuel Matuzović - Blog and was authored by Manuel Matuzović

In all previous posts about cascade layers I’ve used named layers in the demos, but it’s actually not required to name them.

Using @layer without a name works just as well. The downsides are that you can’t append styles elsewhere in the document to the same layer and you can’t define a custom order since you don’t have a name to reference them.

@layer {
  p {
    border: 10px solid red;
  }
}

@layer {
  p {
    border-color: rebeccapurple;
  }
}

Bartender, I got me a bet for you. I'm gonna bet you $300 that I can piss into that glass over there and not spill a single, solitary drop.

You can also import style sheets into an anonymous layer by using the layer keyword.

@import url('style.css') layer;

My blog doesn't support comments yet, but you can reply via blog@matuzo.at.


This content originally appeared on Manuel Matuzović - Blog and was authored by Manuel Matuzović


Print Share Comment Cite Upload Translate Updates
APA

Manuel Matuzović | Sciencx (2022-12-09T00:00:00+00:00) Day 55: anonymous layers. Retrieved from https://www.scien.cx/2022/12/09/day-55-anonymous-layers-2/

MLA
" » Day 55: anonymous layers." Manuel Matuzović | Sciencx - Friday December 9, 2022, https://www.scien.cx/2022/12/09/day-55-anonymous-layers-2/
HARVARD
Manuel Matuzović | Sciencx Friday December 9, 2022 » Day 55: anonymous layers., viewed ,<https://www.scien.cx/2022/12/09/day-55-anonymous-layers-2/>
VANCOUVER
Manuel Matuzović | Sciencx - » Day 55: anonymous layers. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/12/09/day-55-anonymous-layers-2/
CHICAGO
" » Day 55: anonymous layers." Manuel Matuzović | Sciencx - Accessed . https://www.scien.cx/2022/12/09/day-55-anonymous-layers-2/
IEEE
" » Day 55: anonymous layers." Manuel Matuzović | Sciencx [Online]. Available: https://www.scien.cx/2022/12/09/day-55-anonymous-layers-2/. [Accessed: ]
rf:citation
» Day 55: anonymous layers | Manuel Matuzović | Sciencx | https://www.scien.cx/2022/12/09/day-55-anonymous-layers-2/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.