CSS3 - Sample Interview Question (Junior Level)

Consider the below style and HTML code, what will happen when the browser width will be 600px?

<html>

<style>

@media screen and (max-width:680px) {
       ul.topnav li:not(:nth-child(1)):not(:nth-child(2)) {display: none;}
}

</style>


<body>
<ul class="topnav">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
  <li>Water</li>
</ul>
</body>

</html>

  1. The following list will be displayed:

    Coffee
    Tea
    Milk
    Water
  2. The following list will be displayed:

    Coffee
    Tea
    Milk
  3. The following list will be displayed:

    Tea
    Milk
  4. The following list will be displayed:

    Coffee
    Tea
Tests in CSS3 for Juniors

Test Name Difficulty Time (minutes) No. of Questions
CSS3 Online Test for Juniors CSS3 Junior 20 10