后代选择器:
.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;}