标签选择器:
语法:标签名(属性:属性值)
说明:标签选择器就是使用结构中元素名称直接作为选择符
实例:
类选择器:
语法:class名(属性:属性值)
说明:当我们使用类选择器时候,先为对应的元素添加class属性,他的属性值就是我们要使用的类名
实例:
id选择器:
语法:#id名(属性:属性值)
说明:id选择器是使用在元素上的id属性作为选择符,要使用id选择器,需先为元素定义id
实例:
通配符选择器:
语法:*(属性:属性值)
说明:*表示页面中所有元素(标签),我们常用来重置样式
实例:
后代选择器:
语法:选择器1(父)选择器2(子)(属性:属性值)
说明:选择器1和选择器2中间要用空格隔开,表示选择器父中包含选择器子的所有后代元素
实例:
子代选择器:
语法:选择器1>选择器2(属性:属性值)
说明:选择紧挨着选择器1(父元素)的第一层符合选择器2的子元素
实例:
并集选择器
语法:选择器1(父)选择器2(子)(属性:属性值)
说明:用于对多个标签定义同样的样式,选择器之间用逗号隔开
实例:
交集选择器:
语法:选择器1选择器2(属性:属性值)
说明:用于选择同时符合选择器1和选择器2的元素
实例: