CSS 选择器

      CSS(Cascading Style Sheet)通过与HTML元素的关联来改变元素的显示效果,这种实现是通过建立CSS规则来实现的。一条CSS规则包括:选择器+声明。如: p {

font-family:Times,serif;}.P是选择器,花括号中是声明;声明包括属性与值。

     1.类型选择器。如h1,h2 {/*规则*/}

     2.通用选择器。* {/*规则*/} ,“*”是常见的通配符。

     3.类选择器。.class {/*规则*/}。

     4.伪类/伪元素选择器。:link :visited :hover :focus :active :nth-child() :first-letter :first-line.

     5.ID选择器。#id {/*规则*/}。

     6.子选择器。如li>a,仅仅用于li的直接的a。

     7.后代选择器。li a {/*规则*/},适用于li 所有的a元素。

     8.相邻兄弟选择器。如:h2+p {/*规则*/},适用于与h2同一个父元素的直接相邻的且在h2后面的P。

     9.普通兄弟选择器。如:h2~p {/*规则*/},适用于与h2同一个父元素的在h2后面的P。

    10.特性选择器。如:p[class] p[class="important"] p[class~=“important”] p[attr^"dd"] p[attr*"ds"] p[attr$"end"].

/*规则*/

posted @ 2016-08-20 11:53  月下夜行  阅读(173)  评论(0编辑  收藏  举报