码迷,mamicode.com
首页 > Web开发 > 详细

CSS 选择器

时间:2016-08-20 13:10:25      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:

      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"].

/*规则*/

CSS 选择器

标签:

原文地址:http://www.cnblogs.com/hustliliangmin/p/5790102.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!