伪类选择器

tr:hover{background-color: cadetblue;}/*鼠标放在行上，本行变色*/ 
tr:hover+tr{background-color: red;}/*鼠标放在行上，下一行行变色，主要是增加了一个“+”号，如果增加2个就跳过2个，依次类推 */
tr:hover~tr{background-color: red;}/*除本行不影响，下面所有行受影响 */


动态伪类：可以用于任何元素
div:hover 鼠标放到div元素上的状态
div:focus 输入框获得焦点时状态，和表单使用，不常用
div:active 点击时鼠标不松开时的状态


 静态伪类：只能用于超链接，一般我们不用
a:link 超链接点击之前的样式
a:visited 超链接点击之后的样式

伪元素
div::first-letter{color:red}/*div元素中第一个文字红色显示，注意用的是2个冒号*/
div::first-line{color: blue;}/*div元素中第一行*/
div::before{content:"我是新的";}/*在元素前增加新内容*/
div::after{content:"我是后面的";}/*在元素后增加内容，可以把内容去掉后设置边框等内容*/