更多的选择器
伪类选择器
- first-child
选中第一个子元素。
/* 必须是a元素,并且a元素必须是第一个子元素 */
a:first-child{
}
- first-of-type
选中子元素中第一个指定类型的元素。
/* 选中的是子元素中第一个a元素 */
a:first-of-type{
}
- last-child
选中最后一个子元素。
/* 必须是a元素,并且a元素必须是最后一个子元素 */
a:last-child{
}
- last-of-type
/* 选中所有子元素中最后一个a元素 */
a:first-of-type{
}
- nth-child()
选中指定的第几个子元素。
even:等同于2n。
odd:等同于2n+1。
/* 必须是a元素,必须是第五个子元素(不是a元素的第5个,是所有子元素的第5个) */
a:nth-child(5){
}
- nth-of-type
可以做隔行变色的效果。
选中指定的子元素中的第几个某类型的元素。
/* 不看其他类型元素,只看a元素,选中a元素中奇数位的 */
a:nth-of-type(odd){
}
伪元素选择器
- first-letter
选中元素中的第一个字母。
p::first-letter{
}
- first-line
选中元素中第一行的字母。
p::first-line{
}
- selection
选中被用户框选的文字。
p::selection{
}