CSS基础选择器(7种)

  • 标记选择器
  • 类选择器
  • 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样式

就近原则基础上符合匹配原则,即:
就近原则+匹配原则
能对上谁 我就用谁


版权声明:本文为Y_JLsanqian原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。