Assignment 1B part 2: Writing HTML based on selectors

Create snips of HTML that demonstrate what the below selectors would style. Do not write an entire HTML document – just the relevant snip is fine. Obviously there are many answers to each problem! Make sure your HTML is valid.

For example, given:

ul li a

You might write:

<ul>

                  <li>This list item is not selected
                       <a href=”mylink.html”>This link is selected</a>

                 </li>

</ul>

As demonstrated above, you may use text to indicate what's selected or not selected by the selector, if you think that helps demonstrate what's going on.

SUGGESTED APPROACH: Copy down the selectors and work offline in your code editor where you can test your HTML. When you are satisfied with your results, copy/paste your answers here.

PRO TIP: CodePen might be a great place to work on these problems.