Bug 184273
| Summary: | [Shadow DOM] :nth-of-type() selector doesn't match in shadow roots | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Keanu Lee <webkit> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | rniwa |
| Priority: | P2 | ||
| Version: | Safari Technology Preview | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
| Bug Depends on: | |||
| Bug Blocks: | 148695 | ||
Keanu Lee
The :nth-of-type() selector doesn't match in shadow roots. For example:
#shadow-root
<style>
.item:nth-of-type(3) { ... }
</style>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
Demo: Last 2 categories ("Men's T-Shirts" and "Ladies T-Shirts") on https://shop.polymer-project.org
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Ryosuke Niwa
*** This bug has been marked as a duplicate of bug 166748 ***