2021-10-15

后代选择器：

.food>li{

 .food li {

 

后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。

2.通用选择器    是功能最强大的选择器，它使用一个*

3.伪类选择器  

它允许给html不存在的标签（标签的某种状态）设置样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色：

a:hover{color:red;}，在<style type="text/css">下面写

4.

分组选择器

当你想为html中多个标签元素设置同一个样式时，可以使用分组选择符

例如：

第一段全部文字颜色设置为绿色同时把第二段文字中的“简单”文字颜色设置为绿色

.first,#second span{color:green;}

为右侧的段落加入一个红色边框

p{border:1px solid red;}