1、父子选择器/派生选择器
<div calss="wrapper">
<span calss="box">123</span>
</div>
<span>456</span>
1)方式一
div span{
background-color:red;
}
2)方式二
.wrapper span{
background-color:red;
}
3)方式三
.wrapper .box{
background-color:red;
}
2、直接子元素选择器
<div>
<em>1</em>
<strong>
<em>2</em>
</stong>
</div>
div > em{
background-color:red;
}
3、选择器内核选择方式
从左到右,从右往左?
从右往左
4、并列选择器
标签+class
div.demo{
}