li + li : Sibling Selector : Style Basics HTML CSS TUTORIALS

HTML CSS TUTORIALS » Style Basics » Sibling Selector »

li + li


 

<html>
<head>
<title>li + li </title>
<style type="text/css">
  li + li {
 font-size: 200%;
  }
  -->
</style>
</head>

<body>
  <h1>Title of Page</h1>

  <p>This is a sample paragraph with a <a href="http://www.navioo.com" class="warning">link</a>. After p. <em class="warning"> in em</em>. After em.</p>

  <ul id="navigation">
    <li class="warning"><a href="http://www.navioo.com">A</a></li>

    <li><a href="http://www.navioo.com">B</a></li>

    <li><a href="http://www.navioo.com">C</a></li>
  </ul>
</body>
</html>