- 标记选择器
- 类选择器
- id选择器
- 通配符选择器
- 标签指定式选择器
- 后代选择器
- 并集选择器
(1)标记选择器
标记选择器是指用 HTML标记 名称作为 选择器 ,按标记名称分类,为页面中 某一类标记 指定 统一 的CSS样式。其基本语法格式如下:
标记名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
例如:
p{font-size:12px; color:#666; font-family:"微软雅黑";}
上述CSS样式代码用于设置HTML页面中所有的段落文本------字体大小为12像素、颜色为#666、字体为“微软雅黑”。
(2)类选择器
类选择器使用 “ . ”(英文点号)进行标识,后面紧跟 类名 ,其基本语法格式如下:
.类名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
该语法中,类名即为HTML元素的 class属性值 ,大多数HTML元素都可以定义class属性。类选择器最大的优势是可以为 元素对象定义单独或相同的样式 。
(3)id选择器
id选择器使用 “ # ” 进行标识,后面紧跟 id 名,其基本语法格式如下:
#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
该语法中,id名即为HTML元素的 id属性值 ,大多数HTML元素都可以定义id属性,元素的id值是 唯一 的,只能对应于文档中 某一具体的元素 。
(4)通配符选择器
通配符选择器用 “ * ” 号表示,它是所有选择器中作用 范围最广 的,能匹配页面中所有的元素。其基本语法格式如下:
*{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
例如:
*{
margin:0; /*定义外边距*/
padding:0; /*定义内边距*/
}
使用通配符选择器定义CSS样式,清除所有的HTML标记的默认边框。
(5)标签指定式选择器
标签指定式选择器又称 交集 选择器,由 两个 选择器构成,其中第一个为 标记选择器 ,第二个为 class选择器 或 id选择器 ,两个选择器之间不能有空格。
例如:h3.special 或 p#one。
(6)后代选择器
后代选择器用来选择 元素 或 元素组的后代 ,其写法就是把 外层 标记写在 前面 , 内层 标记写在 后面 ,中间用 空格 分隔。当标记发生嵌套时, 内层 标记就成为 外层 标记的 后代 。
(7)并集选择器
并集选择器是各个选择器通过 逗号 连接而成的,任何形式的选择器(包括标记选择器、class类选择器、id选择器等),都可以作为并集选择器的一部分。如果某些选择器定义的 样式 完全相同,或部分相同,就可以利用 并集选择器 为他们定义相同的 CSS样式 。
就近原则基础上符合匹配原则,即:
就近原则+匹配原则
能对上谁 我就用谁