加载中…
个人资料
大千世界
大千世界
  • 博客等级:
  • 博客积分:0
  • 博客访问:54,118
  • 关注人气:10
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

【CSS基础NO.4】CSS3选择器

(2017-11-14 11:22:36)
标签:

css3

选择器

html5

分类: html5
一、元素选择器
1.最常见的选择器,文档的元素就是最基本的选择器。例如:h1{}、a{}、p{}等

二、选择器分组
1.例子:h1 {}、h2 {}
2.通配符:* {}

三、类选择器详解
1.类选择器允许以一种独立于文档元素的方式来指定样式
例如:.class {}
2.结合元素选择器
例如:a.class {}
3.多类选择器
例如:class.class {}

四、ID选择器详解
1.类似于类选择器,有重要差别
例如:#id {}
2.与类选择器的差别:
ID只能在文档中只用一次,而类可以多次使用
ID选择器不能结合使用
使用js时候,需要用到id

五、属性选择器详解
1.简单属性选择:
例如:[title]{}
2.根据具体属性值选择:
      除了选择拥有某些的元素,还可以进一步缩小选择范围,只选择有特定属性值的元素
例如:a[ href= " http://blog.sina.com.cn/u/2450043933 " ] {}
3.属性与属性值必须完全匹配
4.根据部分属性值选择

六、后代选择器
1.后代选择器可以选择作为某元素后代的元素
< p >< strong > 后代 < i > element < /i > element < /strong > 选择器 < /p > 
p strong i {}

七、子元素选择器
1.与后代选择器相比,子元素选择器只能选择作为某元素子元素的元素
例如:h1 > strong {}
后代选择器可以直接作用任一后代的元素,子元素选择器必须一层一层往下找

八、相邻兄弟选择器
1.相邻兄弟选择器可选择紧接在另一元素后的元素,且二者有相同父元素。
h1+p {}

0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有