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ć
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/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.