CSS学习之-06

伪类

selector:pseudo-class{property:value}

selector.class:pseudo-class{property:value}

例子

a:link{color:#FFF;}

a:visited{color:#000;}

a:hover{color:#ECECEC;}

a:active{color:#a0a0a0;}

a.red:link{color:#FFF;}

p:first-child{

}匹配同一层级的第一个p元素

p>i:first-child{

}匹配p下的第一个i元素

p:first-child i {

}匹配同一层级的第一个p元素下的所有i元素

伪元素

::after 在每个<x>元素之后插入内容

::before在每个<x>元素之前插入内容

::first-letter选择每个<p>元素的首字母

::first-line选择每个<p>元素的首行

::selection选择用户选择的元素部分

属性选择器

[title]{

? ? ? ? color: blue;

}：把包含title的所有元素变为蓝色

[title=runoob] {

? ? ? ? color:blue;

}：把包含title=runoob的元素变为蓝色

[title~=runoob] {

? ? ? ? color:blue;

}：把title存在runoob的元素变为蓝色

[title|=runoob] {

? ? ? ? color:blue;

}：把title包含runoob的元素变为蓝色

表单样式

input[type="text"] {

} input类型是text的