[csswg-drafts] [selectors-5] add new selector immediate-adjecent-child

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

== [selectors-5] add new selector immediate-adjecent-child ==
I am missing sort of the immediate sibling selector but for children instead of siblings.

Something like article ~> p

A theoretical article ~> p:first-of-type::first-letter would solve the following difficulty I encountered, for which I could come up with not other elegant method.

[https://jsfiddle.net/r0k0eoza/6/](https://jsfiddle.net/r0k0eoza/6/)
```

<div class="wrap_page">
<div class="some_other_wrapper">
<article>
  <head>
  <p>
  This text should have its first letter selected
  </p>
  <p>
  This text should NOT have its first letter selected
  </p>
  <main>
  <p>
  This text should NOT have its first letter selected
  </p>
  </main>
  <p>
  This text should NOT have its first letter selected
  </p>
  <p>
  This text should NOT have its first letter selected
  </p>
  <section>
    <p>
  This text should NOT have its first letter selected
  </p>
  </section>
  </head>
  <footer>
    <p>
  This text should NOT have its first letter selected
  </p>
  </footer>
</article>
</div>
<footer>
  <p>
  This text should NOT have its first letter selected
  </p>
</footer>
</div>
<article>
  <p>
   Just to be complete, this one should be selected
  </p>
</article>
```

`.wrap_main p:first-of-type::first-letter, article p:first-of-type::first-letter {
color: red;
}`

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

Received on Saturday, 14 April 2018 17:07:54 UTC