CSS选择器

标签：site   组合   第一个   hover   结束   css   标签   link   css选择器   

css选择器

1.元素选择器：元素名{声明块}

2.类选择器：.类名{声明块}

3.id选择器：#id名{声明块}

4.组合选择器：例子：h1,h2,h3{声明块}

5.伪类选择器： 元素名：伪类名称 例子：

a:link(未访问) a:visited(已访问) a:hover(鼠标悬浮) a:active(点击时)

6.后代选择器:例子： div  p{} 父级名称选择器+空格+子级元素名称{声明块}

7.子级选择器：父级名称>子级元素名称{声明块} div>p{}

8.属性选择器：格式：元素名称[属性名称="属性值"]{} 例如 input[type="text"]{声明块}

9.  .ipt::-webkit-input-placeholder{ color:red; }

10.选择已属性值以···开始的标签：书写方式：元素名称[属性名称+“^=”+属性值]{声明块}

11.选择属性值以···结束的标签：书写方式：元素名称[属性名称+“$=”+属性值]{声明块}

12.选择属性值包含属性值的标签：书写方式：元素名称[属性名称+“*=”+属性值]{声明块}

13.伪元素选择器：例子：em:before{content:"china"};em:after{content:"四川"}

14.对第一个字变色及第一行字体变色；例子：p:first-letter{color:red;};p:first-line{color:red;}

15.兄弟选择器：同级选择器1“+”兄弟选择器2；例子：h3+p{声明块}

CSS选择器

标签：site   组合   第一个   hover   结束   css   标签   link   css选择器   

原文地址：http://www.cnblogs.com/AndHowAreYou/p/7710592.html