CSS选择器

CSS选择器干啥的？ 选择标签用的， 把我们想要的标签选择出来

CSS基础选择器

标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 

• 作用： 标签选择器 可以把某一类标签全部选择出来 比如所有的div标签 和 所有的 span标签
• 优点： 是能快速为页面中同类型的标签统一样式
• 缺点： 不能设计差异化样式。

类选择器

.类名  {   
    属性1:属性值1; 
    属性2:属性值2; 
    属性3:属性值3;     
}

• 优点：
  • 可以为元素对象定义单独或相同的样式。 可以选择一个或者多个标签
• 注意
  • 类选择器使用“.”（英文点号）进行标识，后面紧跟类名(自定义，我们自己命名的)
  • 长名称或词组可以使用中横线来为选择器命名。
  • 不要纯数字、中文等命名， 尽量使用英文字母来表示。

类选择器特殊用法- 多类名

注意：

• 各个类名中间用空格隔开。
• 多类名选择器在后期布局比较复杂的情况下，还是较多使用的。

id选择器

#id名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }

• 元素的id值是唯一的，只能对应于文档中某一个具体的元素。
• 用法基本和类选择器相同。

id选择器和类选择器区别

W3C标准规定，在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class。

• 类选择器（class） 好比人的名字， 是可以多次重复使用的， 比如 张伟 王伟 李伟 李娜
• id选择器 好比人的身份证号码， 全中国是唯一的， 不得重复。 只能使用一次。

通配符选择器

* { 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }