浅谈选择器以及区别
1.div>p和div p的区别
div p选择所有div元素下所有的p元素包括孙子元素的p标签
例图：
div>p是选择父元素为div下面的儿子p标签不包括孙子p标签。
例图：
2.:after选择器和：before选择器的区别：
div::after是在div元素之后插入内容
例图：
div::before在div元素之前插入内容：
例图：
例图:
:after选择器和：before选择器的注意点：
1.context属性必须要写。在里面可以写文字，可以插入图片，如果不想写内容中间要留有空格。
2.:before选择器和:after选择器插入进去的东西都是行内式的。
3.:before选择器和:after选择器后面也可以写一些平常使用的属性。