伪元素，表示页面中一些特殊的并不真实的存在的元素（特殊的位置）
伪元素使用：：开头
::first-letter 表示第一个字母
::first-line 表示第一行
::selection 表示选中的内容
::before 元素的开始位置
::after元素的最后
before和after必须结合content属性来使用
*/
p::first-letter{color:redfont-size: 50px}
p::first-line{background-color: yellow}
p::selection{background-color:slategray}
div::before{ content:"【"}
div::after{ content:"】"}
举一个简单的ul，li的列表例子，实现如下效果：
常规写法（使用last-child选择器）：
写法2（使用not选择器）:
写法2（使用+选择器）:
相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。
id选择器 符号为##id{color:red}
class选择器 符号为.
.class{color:red}
通配选择器 符号为*
*{color:red}
标签选择器 没有符号，就是标签名称
div{font-size:14px}
这是基本选择器
