Test: Selector3

by Svitcher

HTML

<div class="container">
  <p>Veggies es <a href="http://example.com">bonus vobis</a>, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic.</p>
  <p>Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</p>
  <table>
    <tr>
      <th>Fruits</th>
      <th>Vegetables</th>
    </tr>
    <tr class="frame">
      <td>Apple</td>
      <td>Potato</td>
    </tr>
    <tr>
      <td>Orange</td>
      <td>Carrot</td>
    </tr>
    <tr class="frame">
      <td>Tomato</td>
      <td>Parsnip</td>
    </tr>
    <tr>
      <td>Kiwi</td>
      <td>Onion</td>
    </tr>
    <tr class="frame">
      <td>Banana</td>
      <td>Beet</td>
    </tr>
  </table>
</div>

CSS

a:link {
  color: orange;
}
a:visited {
    color: green;
    font-weight: bold;
}
a:hover {
  text-decoration: none;
}
div p:first-child {
  font-size: 150%;
}
div p:first-child::first-line {
  color: red;
}
.frame {
  background-color: #333 ;
  color: white;
}