web第二天作业

<!-- 用外部样式 -->

<!-- 选取主标题（<h1>）将颜色改成粉色。

代码：

外部式样：

h1 {

    background-color:pink;

}

<meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="./13-外部样式.css">

 

    选取所有列表项（<li>）。

        选取第一个列表项。背景颜色改为红

代码：

<style>

        ul li:first-child{

            background-color: red;

        }

    </style>

        选取最后一个列表项。背景颜色改为绿

代码：

ul li:last-child{

            background-color: green;

        }

        选取容器内带有"class"为"text"的段落。

代码：

.container .text{

            background-color: cornflowerblue;

        }

        选取容器内的第一个盒子。

代码：

.box:first-of-type{

            background-color: aqua;

        }

        选取所有带有"class"为"text"的元素（无论其在容器内还是容器外）。

代码：

.text{

            background-color: brown;

        }