Re: [csswg-drafts] Proposal: Add wrapper pseudo element

• From: Tommy Hodgins via GitHub <sysbot+gh@w3.org>
• Date: Wed, 10 Jan 2018 16:23:29 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-356654438-1515601408-sysbot+gh@w3.org>

I've had a bunch of people ask me about a `::wrapper` pseudo-element, but I can't figure out how it would work. If you have HTML like this:

```html
<ul>
  <li>item
  <li class=target>target
  <li>item
```

And you do something like this:

```css
.target::wrap {}
```

How does CSS see your HTML? Does a selector like `li ~ li ` skip over the wrapped `<li>`?

Can anybody explain how it would work? What happens to event listeners on wrapped elements? Does the wrapper respond to things like `parentNode` or `parentElement` or is it 'invisible' to JavaScript?

If the desire is for more layout control, are there better ways this layout ability could be used without relying on using CSS to fake HTML in order to accomplish it?

-- 
GitHub Notification of comment by tomhodgins
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/588#issuecomment-356654438 using your GitHub account

Received on Wednesday, 10 January 2018 16:25:53 UTC