[csswg-drafts] [css-layer] What is the priority in this case? (#7541)

joekingTheThird3 has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-layer] What is the priority in this case?  ==
* please tag the issue title with the spec's shortname, like `[css-foo]`
  (this is the name from the spec URL, without a level number unless the issue is specific to that level).
  If you're proposing a new feature that doesn't obviously fit in an existing spec, skip this part — don't make something up.

* please be specific (in the title and issue) about what you want to change:
  “make it better” means different things to different people!

* please link to the spec section you're talking about, or at least the spec




<!-- layer statement   - we have an unused layer, but 2 following layers are used  (lgreen, lblue)-->

<!-- it looks like the @layer lred at rule is the winner but it is declared earliest , shouldn't the last win? lblue should win? -->

  @layer l, lgreen, lblue;
  
  .box{
  
  
  width:100px;
  height: 100px;
  border: solid 1px #f00;
  
  }
 @layer lred{ 
  .top{
   background: red;
  }
  

}  
  


   @layer lgreen{ 
  .top{
     background: green;
    }
    

}   
   

 @layer lblue{    
   .top{
      background: blue;
     }
     

}  

<!-- html -->
<div class="box top">
</div>

Why is the box red? firefox 103 and google chrome.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7541 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 28 July 2022 10:08:03 UTC