在样式里这样写

#OutSide div:nth-child(1){ background-color: red;}

#OutSide div :nth-child(2){ background-color: blue;}

#OutSide div :nth-child(3){ background-color: green;}

#OutSide div :nth-child(4){ background-color: purple;}

#OutSide div :nth-child(5){ background-color: palegreen;}

#OutSide div :nth-child(6){ background-color: palevioletred;}

#OutSide div :nth-child(7){ background-color: pink;}

#OutSide div :nth-child(8){ background-color: plum;}

#OutSide div :nth-child(9){ background-color: mistyrose;}

可以理解为 ID==OutSide的父级元素下，第一个div子级，第二个，第三个div子级,依次类推

如上 想给ID==OutSide的div下的九个div分别赋上不同的颜色以行程九宫格。这时用到了nth-child()在样式里这样写#OutSide div:nth-child(1){ background-color: red;}#OutSide div :nth-child(2){ background-color: blue;}#OutSide div :nth-child(3){ back... 例如上图，如果想用 css 改变 第二 个 div 的样式，或者想改变<ul>中的<li>的样式，就需要使用选择器 2.选择器分类：选择器分为基础选择器和复合选择器两大类，基础选择器是由单个选择器组成的，其中包括标签选择器，类选择器，id选择器和通配符选择器 1）标签选择器：用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的C... div 1和 div 3有默认的 css 样式 背景颜色是绿色 div 2有一个默认的 css 样式 背景颜色是红色 需求：当鼠标悬浮在 div 1， div 2， div 3上时 让当前 div 的背景颜色变为红色，其余背景颜色变为绿色，无鼠标悬浮时 让其展示默认效果 <style> . div 1 { width: 100px; height: 100px;