选择器(选择符){ 属性:值;}
,大括号整体叫声明(样式)
。
类选择器:.类选器名称{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;}
- 用于多个标签元素设置同一个样式