用HTML写伪类选择器，结构伪类选择器，伪元素选择器样式

[an error occurred while processing the directive]

html,css

lorem乱序铭文

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, nihil?

易牛资讯处

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut autem est excepturi hic labore maiores maxime molestiae nam obcaecati quia quis, recusandae repudiandae, sapiente, temporibus ut vel voluptates voluptatibus.

6+1=7
                        7+1=8
                        8+1=9

杨氏出版社

下面是css链接表
a:hover{
color:palevioletred;
}
a:active{
color: yellow;
}
a:visited{
color: red;
}
/*p:nth-child(2n){*/
/*color: blanchedalmond;*/
/*}*/
/*p:nth-child(2n-1){*/
/*color: yellow;*/
/*}*/
/*p:first-child{*/
/*color: red;*/
/*}*/
/*p:last-child{*/
/*color: rosybrown;*/
/*}*/
a:before{
content: "姓名：";
}
a:after{
content:"你好：";
}
div p:first-line{
color: aqua;
}
div p:first-letter{
color: red;
}
h1{
font-size: 30px;
color: green;
}
footer>p{
color: purple;
}