css-选择器升级，圆角

子选择器 选中box儿子的那个span标签
.box1>span{
color: red;
}
.box1>.box2>span{
color: blue;
}
后代选择器 可以选中指定元素对应的后代
.box1 span{
color: red;
}

相邻选择器 找指定元素后面那个元素是否是指定选择器
.two+li{
color: red;
}
兄弟选择器 查找当前元素后面所有指定兄弟元素
.two~li{
color: red;
}
  并集选择器
   h1,p,strong,.first{
         color: red;
}
  交集选择器 首先得是li标签 并且有.first类名
  li.first{
background-color: pink;
}

圆角：
/* 设置当前元素的角为圆角，值是圆角的半径 ，值为当前元素的一半 那么就会成为一个圆*/
/* 同时设置4个角 */
/* border-radius:50%; */
/* 第一个值：左上 右下 第二个值 右上 左下 */
/* border-radius: 20px 40px; */
/* 第一个值：左上 第二个值 右上 左下 第三个值右下 */
/* border-radius: 20px 40px 60px; */
/* 顺时针方向 左上 右上 右下 左下 */
/* border-radius: 20px 40px 60px 80px; */