Pursuit-Core-CSS-Selectors-Lab

Use the HTML below for the following questions:

HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>CSS Intro</title>
  </head>
  <body>

    <h1>Your Name Here</h1>
    <div>
      <p>This is a bunch of information about myself. I'm from here and there and discovered my
      love of programming when this happend. When I'm not working I'm busy doing this and that.
    </p>
    </div>

    <img src="https://www.breakthrough-pt.com/wp-content/uploads/2014/11/female-default-profile-photo.png" alt="" >

    <div >
      <h3>Here are some of my Skills!</h3>
      <ul>
        <h3>Languages</h3>
        <li>JavaScript</li>
        <li>SQL</li>
        <li>HTML5</li>
        <li>CSS3</li>

      </ul>

      <ol>
        <h3>Librarys</h3>
        <li>React</li>
        <li>PostgreSQL</li>
        <li>Node</li>
        <li>Bootstrap</li>

      </ol>
    </div>

    <div>
      <h3>Hardest Bug So Far</h3>
      <p>My hardest bug I ever came across was this infinite loop I couldn't escape. </p>
      <p>I came up with a totally sick solution though by doing ... </p>
    </div>

    <h2>Contact Me</h2>
    <div>
     Email me at: <a href="mailto:[email protected]" target="_top">[email protected]</a>
    </div>

    <ul>
      <li> <a href="https://github.com">github link</a> </li>
      <li> <a href="https://linkedin.com">LinkedIn link</a> </li>
      <li> <a href="https://angellist.com">Angel list link</a> </li>
    </ul>

    <form action="index.html" method="post">
      <input type="text" name="" value="">
      <input type="submit" name="submit" value="submit">
    </form>
  </body>
</html>

Question 1.

Add a link in the index.html to a css file.

Question 2.

Assign a class to all header tags and make them all underlined and bold.

Question 3.

Change the size of all img tags that have a src that starts with https.

Question 4.

Give the h1 tag a unique id and make turn it to the color of your choice.

Question 5.

All links that end in .com should be the color green after a visit to the link.

Question 6.

Using a class name in the ul remove all of the li's bullet points in the list of .coms.

Question 7.

In the ol change only the last child element to be bold.

Question 8.

Give the contact email a hover effect of turning red.

Question 9.

Give all other links a hover effect of turning orange.

Question 10.

Inside of your languages ul, change the font to be in italics.

Question 11.

Center all text inside the body.

Question 12.

In the hardest bug so far, change only the first p tag using a selector on the div. Give it this: background-color: rgba(0,0,0,.5);

Question 13. Combinators practice from w3schools

Question 14. Pseudo-classes practice from w3schools

Question 15. Pseudo-elements practice from w3schools

patrickgeorgesmith / pursuit-core-css-selectors-lab Goto Github PK