后代选择器
- 概念: 后代选择器又称为包含选择器
- 作用:
父级 子级{属性:属性值;属性:属性值;}
- 语法
.class h3{color:red;font-size:16px;}
子元素选择器
- 作用:
- 语法
.class>h3{color:red;font-size:14px;}
交集选择器
- 条件: 交集选择器由两个选择器构成,找到的标签必须满足:既有标签一的特点,也有标签二的特点。
- 语法
p.one { color:red; font-size: 14px; }
并集选择器
.class, h3{ color: red; font-size: 16px; }
并集选择器通常用于集体声明 ,逗号隔开的,所有选择器都会执行后面样式,逗号可以理解为 和的意思。
比如 .one, p, #test {color: #F00;}
表示 .one 和 p 和 #test 这三个选择器都会执行颜色为红色。
通常用于集体声明。
链接伪类选择器
- 作用: 用于向某些选择器添加特殊的效果。比如给链接添加特殊效果, 比如可以选择 第1个,第n个元素。
- 语法:
- a:link /* 未访问的链接 */ - a:visited /* 已访问的链接 */ - a:hover /* 鼠标移动到链接上 */ - a:active /* 选定的链接 */
案例
a { /* a是标签选择器 所有的链接 */ font-weight: 700; font-size: 16px; color: gray; } a:hover { /* :hover 是链接伪类选择器 鼠标经过 */ color: red; /* 鼠标经过的时候,由原来的 灰色 变成了红色 */ }