Blitz - WPT: pseudo-first-line.html

wpt / css / css-ruby / pseudo-first-line.html

<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-ruby/#placement">
<link rel="help" href="https://drafts.csswg.org/css-pseudo/#first-line-styling">
<link rel="match" href="pseudo-first-line-ref.html">
<style>
div::first-line {
  ruby-position: under;
  color: orange;
}
ruby::first-line, rt::first-line {
  color: red;
}
</style>
<div>foo <ruby>base<rt>annotation</rt></ruby><br>
bar <ruby>base<rt>annotation</rt></ruby></div>

/css/css-ruby/pseudo-first-line-ref.html

<!DOCTYPE html>
<style>
.fl {
  color: orange;
  ruby-position: under;
}
</style>
<div><span class="fl">foo </span><ruby class="fl">base<rt>annotation</rt></ruby><br>
bar <ruby>base<rt>annotation</rt></ruby></div>