ladybird/Tests/LibWeb/Ref/reference/css-nested-declarations-ref.html at e4245dc39e68d9376dfb2344c78119a938533319 - mirrors/ladybird - git.jellysandwich.dev

mirrors/ladybird

mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-05-15 07:32:52 +00:00

Sam Atkins e4245dc39e LibWeb/CSS: Process style properties from CSSNestedDeclarations rules

These are created when a style rule has properties listed after another
rule. For example:

```css

.test {
  --a: 1;
  --b: 1;
  --c: 1;

  .thing {
    /* ... */
  }

  /* These are after a rule (.thing) so they're wrapped in a
     CSSNestedDeclarations: */
  --d: 1;
  --e: 1;
  --f: 1;
}
```

They're treated like a nested style rule with the exact same selectors
as their containing style rule.

2024-10-17 20:55:55 +02:00

9 lines

186 B

HTML

Raw Blame History

 <!DOCTYPE html>
 <style>
     #target {
         background-color: green;
         border: 1px solid blue;
         font-size: 60px;
     }
 </style>
 <div id="target">Well hello friends!</div>