CSS基础：伪类和伪元素
在CSS中，伪类指的是元素不同状态表现不同样式
静态伪类
link:超链接点击之前的样式。a:like{color:green;}
visited:超链接点击之后的样式。a:visited{color:red;}
静态伪类，只能用于超链接，实际开发中用的少。
动态伪类
动态伪类可以用在任何元素
hover:鼠标放到元素上的状态，最常用的
active:点击时没有松开鼠标的状态，常用于超链接，实际开发中用的少
focus:用于输入框在获得焦点时的状态，常用于表单。input:focus{color:red;}
伪元素
伪元素，在html文档结构中没有出现的元素。伪元素使用"::"，伪类使用":"。
::first-letter：选择的是文档中的一个字符。
::fist-line：选择的是文档中的第一行元素。会根据浏览器的缩放而自动调整。
::before：在元素内容之前添加新内容。必须配合content使用，content内容可以为空。例：div::before{content:"添加的内容"}
::after：在元素内容之后添加新内容。必须配合content使用，content内容可以为空。例：div::after{content:"添加的内容"}
可以当成一个元素来设置样式
li::after{
content:"";
display:block;
border-bottom:1px solid green;
}版权保护: 本站内容采用CC-BY-NC协议且遵守CC-BY-NC-SA和CC-BY-NC-ND协议，转载请保留链接: https://www.guanzhenzuo.com/programming/55.html
