CSS选择器和声明的语法

原文http://www.ibm.com/developerworks/cn/web/1009_chengfu_dojocss/index.html

选择器和声明

选择器(selector)定义了一种模式匹配规则,用来选择当前文档中的元素。符合规则的元素将被应用上与该选择器对应的样式声明。

通用选择器(*):匹配文档中的任意元素。
元素类型选择器:匹配文档中的某类元素。如 span匹配文档中所有的 span元素。
后代选择器:匹配作为特定元素的后代出现的元素。比如 div span匹配包含在 div元素中的 span元素。
直接后代选择器:匹配作为特定元素的直接后代出现的元素。比如 div > span匹配父节点是 div元素的 span元素。
相邻兄弟元素选择器:匹配与特定元素有相同父节点,并且直接出现在该元素后面的元素。比如 div + span匹配与 div元素父节点相同,并且直接出现在 div元素之后的 span元素。
属性选择器:匹配属性值满足某些条件的元素。如 div[title]匹配有 title属性的 div元素;div[title=Header]匹配 title属性的值为 Header的 div元素。
类选择器:匹配包含某个 CSS 类的元素。如 .header匹配包含了 CSS 类 header的元素。类选择器实际上是属性选择器的一种,是根据属性 class的值来进行选择的。
ID 选择器:匹配指定 ID 属性值的元素。如 #myDiv匹配 ID 为 myDiv的元素。
伪元素和伪类选择器:匹配一些无法根据其在文档树中的位置来定位的元素。常用的伪元素选择器有::first-line匹配段落中的第一行;:first-letter匹配块中第一行的第一个字母。常用的伪类选择器有::link和 :visited分别匹配没有访问过的和已经访问过的链接;:hover匹配当前鼠标悬浮其上的元素;:active匹配当前被用户激活的元素;:focus匹配当前有输入焦点的元素。

声明是 CSS 中样式属性的名值对,其形式是“属性名称 : 属性值”。如声明“font-color : red”把样式 font-color的值设为 red。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值