第三天易忘知识点-CSS

day03

兄弟选择器

使用“+”选择的为下一个兄弟
使用“~”选择的是所有接下来的兄弟

序选择器

p:nth-child(even){
/*偶数*/
    background-color: blue;
}
p:nth-child(odd){
/*奇数*/
    background-color: aqua;
}
p:nth-child(3n+1){
    font-size:100px;
}

动态伪类选择器

注意四个选择器必须按顺序写

a:link{
    color:yellow;
}
a:visited{
    color:red;
}
a:hover{
    background-color: red;
}
a:active{
    color:aqua;
}
点赞

发表回复

电子邮件地址不会被公开。必填项已用 * 标注