html中的伪类选择器,HTML与CSS之css选择器和伪类

一.css选择器

1.id选择器

id 选择器为带有指定 id 的元素设置样式#firstname{

background-color:yellow;

}```

2.class选择器class 选择器选取带有指定类 (class) 的元素

.intro

{

background-color:yellow;

}```

3.标签选择器

直接对标签进行操作div{    background: red;

}

4.派生选择器

对父元素中的子元素进行操作div p{

background-color:yellow;

}

二.伪类

css允许我们针对这四种状态设置各自的css特性，叫做伪类link          没访问前标签的颜色

例如在下的伪类(下同)：a:link{

background-color:pray;

}```- visited       访问后标签的颜色

a:visited

{

background-color:red;

}```hover         鼠标放上标签但没点击时的颜色a:hover{

background-color:yellow;

}```- active        鼠标点击标签时的颜色

a:active

{

background-color:black;

}```

ps：

1.active一般不写

2.顺序是LVHA，顺序不能乱

3.a:link可简写为a{}

作者：JustinPenChia

链接：https://www.jianshu.com/p/ff6f8506f24b