Exmples with Selectors

This is a sample paragraph

This is a strong paragraph

This is a paragraph with parent of div; the div has a parent of main

Header 2

    main {
      display: block;
      width: 500px;
      height: 200px;
      color: yellow;
      background-color: tan;
      font-size: 120%;
      outline: 1px solid red;
    }
    h2 {
      color: purple;
      outline: 1px solid green;
      font-variant: small-caps;
      outline: 1px solid pink;
    }
    p {
      color: green;
      outline: 1px solid purple;
    }
    #sample {
      font-size: 80%;
      outline: 4px solid chartreuse;
    }
    .samp {
      font-size: 180%;
      outline: 2px solid dodgerblue;
      color: aliceblue;
    }
    main div p {
      color: slateblue;
      font-size: 200%;
    }

Return to Web Design Selectors