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

css选择器

时间:2016-05-31 10:26:55      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:

1. 子元素选择器  >

  p > span   选择作为p元素子元素的p元素

2. 相邻兄弟选择器 +

  h1 + p 选择紧接在h1元素后出现的p元素

3. 属性选择器 []

  E[attr]

  E[attr="value"]

  E[attr~="value"] 根据部分属性值选择 

   p[class~="important"]  选择属性中包含important字段的p元素

  E[attr|="value"] 特定属性选择类型

   img[src|="figure"]  选择src属性等于figure或以figure开头的img元素

 

标签选择器,伪类及伪对象:优先级  1

类选择器,属性选择器:      优先级 10

ID选择器:                      优先级 100

style属性:                      优先级 1000

其他,如通配符:               优先级 0

 

  

css选择器

标签:

原文地址:http://www.cnblogs.com/qingyunxx/p/5544811.html

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