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.
This commit is contained in:
Sam Atkins 2024-10-17 13:48:00 +01:00 committed by Andreas Kling
parent 53f99e51f8
commit e4245dc39e
Notes: github-actions[bot] 2024-10-17 18:57:04 +00:00
6 changed files with 78 additions and 17 deletions

View file

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