手记

CSS选择器的分类和内容

选择器(选择符){ 属性:值;},大括号整体叫声明(样式)

类选择器:.类选器名称{css样式代码;}

  • 在span里使用class="类选择器名称"
  • 可以使用类选择器词列表方法为一个元素同时设置多个样式。class="stress bigsize"

ID选择器:#类选器名称{css样式代码;}

  • 在span里使用id="类选择器名称"
  • ID选择器只能在文档中使用一次。

子选择器:.food>li{border:1px solid red;}

  • 选择器后面加入大于号
  • 用于选择指定标签元素的第一代子元素

包含(后代)选择器:.first span{color:red;}

  • 选择器后面加入空格
  • 用于选择指定标签元素下的后辈元素。

通用选择器:* {color:red;}

  • 它的作用是匹配html中所有标签元素

伪类选择符:a:hover{color:red;}

  • 它允许给html不存在的标签(标签的某种状态)设置样式。

分组选择符:h1,span{color:red;}

  • 用于多个标签元素设置同一个样式
2人推荐
随时随地看视频
慕课网APP