day-3 简单选择器与属性选择器

选择器

选择器用于我们想要样式化的网页上的html元素。各种各样可以用的css选择器允许我们精准的选择我们想要样式化的元素。

    简单选择器

1）元素选择：选择器名和指定的html元素名不区分大小写的匹配

2）classs选择器：  用（.）来标记  文档中的个元素可以具有相同的类名，而单个元素可以用多个类名（之间用空格隔开）

3）id选择器：用（#）来标记  id名称必须在文件中是唯一的

4）通用选择：用（*）来标记  选择一个页面中所有的元素

    大型的网页中建议不要用通用选择器来选择：因为他会对网页展示的性能有较大的影响。而且大多数情况下都不会用着他来选择。

    属性选择器

属性选择器：用([])来标记   是一种特殊类型的选择器，他根据元素的属性和属性值来匹配元素  

属性选择器中有分为两种：

1、根据存在的值属性选择器

    （1）[attr]:选择器选择包含attr属性的所有元素

    （2）[attr=val]:仅选择attr属性值被赋值为val的所有元素

    （3）[attr~=val]:仅选择attr属性值中包含val的所有元素（意思就是他元素的attr可能有多个属性值，上面第二点元素属性值就只有val一个）

2、子串值属性选择器（又称‘伪正选择器’）

    （1）[attr|=val]:选择attr属性值是val或属性值是以val-开头的元素

    （2）[attr^=vla]:选择attr属性值是以val开头的所有元素（包括val本身）

    （3）[attr$=val]:选择attr属性值是以val结尾的所有元素（包括val本身）

    （4）[attr*=val]:选择attr属性值中包含字符串val的所有元素