CSS选择器

(一)CSS的语法规则

  • CSS选择器(selector),以及一条或多条** 声明 **组成,用冒号分开

    CSS选择器_第1张图片

  • 举例:selector {property: value}key-value的方式

(二)为什么会有选择器?

  • 选择器是匹配元素的一种模式,不只是在CSS中

(三)基本选择器

通配符选择器 *****
id选择器 #
类选择器  .
标签选择器 || 元素选择器 div
属性选择器 [attribute=value]
伪类选择器  
伪元素选择器

选择器 示例 描述
通配选择符 *{ } 选择所有的元素
ID选择器 #div{ } 选择ID为div的元素
类选择器 .div{ } 选择class为div的元素
标签选择器 div{} 选择所有div的元素
属性选择器 [title=web]{ } 选择所有title属性等于 web 的元素
伪类选择器 a:link{ } 未访问的链接
伪元素选择器 :before{ } 向元素的内容前面插入

(四)组合选择器

  • CSS选择器_第2张图片

相关文章推荐:
CSS选择器大全
CSS选择器大全

你可能感兴趣的:(CSS选择器)