third_party/WebKit/LayoutTests/fast/css/text-decoration-in-second-order-descendants.html

   1 <!DOCTYPE html>
   2 <style>
   3 .outer {
   4     text-decoration: underline;
   5 }
   6 .middle {
   7     position: absolute;
   8     top: 50px;
   9 }
  10 .inner {
  11     text-decoration: none;
  12 }
  13
  14 .override {
  15     position: static;
  16 }
  17 </style>
  18 <div class="outer">
  19   <div class="middle">
  20     This text should not inherit text-decoration from its parent, and should therefore not be underlined.
  21     <p>
  22     <a href="www.example.com" class="inner">As the child of an absolutely positioned block, this link should not be underlined</a>
  23   </div>
  24 </div>
  25 <div class="outer">
  26   <div class="middle override">
  27     <a href="www.example.com" class="inner">As the child of a statically positioned block, this link should be underlined</a>
  28   </div>
  29 </div>