CSS的选择器

CSS选择器

CSS选择器用于筛选符合条件的标签，如: p表示筛选匹配整个文档中的p元素标签; class 类名筛选class值符合条件的元素标签; id 筛选元素的id值符合条件的元素标签(id 要求是唯一的)

基本选择器:

通配符(全局)选择器：用来对默认的样式进行标准化，如: * {样式:样式值;}

标签选择器：匹配文档中所有该类型的元素，如:标签名{样式:样式值;}

类选择器：匹配筛选指定类名的元素，如: .类名 {样式:样式值;}

ID选择器：匹配筛选id值为指定的元素，如: #id名 {样式:样式值; }

通配符选择器

通配符选择器: *。

 可以选择页面中所有的包括body在内的全部的标签。

用途:用它来快速清除默认样式。效率不高，不是实际工作中常用的。

标签选择器

选择器:就是我们想给其添加样式的html标签名称。

 以标签本身作为选择器选择元素。标签是什么就写什么。
p、h3都是我们的标签名，直接书写可以选择我们页面上所有的同种的标签。
不会管我们的嵌套有多少层，就算嵌套的层数再多再深都能选择中。

用途:可以清空默认样式、设置默认样式等等。

id选择器

通过一个html元素的id属性选择这个元素，添加样式。

id选择器书写: #开头，后面加id的属性值。

 注意: #后面必须紧跟id名，不能有空格。

由于页面中，一个id名在一个html页面中只能出现一次。不论是相同的标签或是不同的标签。

因此id选择器只能选择某一个元素。

id的属性值命名规则:必须以字母开头(严格区分大小写，a和A表示的是不同的)、可以有数字、下划线和横线，建议驼峰式命名(从第二个单词开始，首字母大写)。

层叠性体现:我们可以通过p标签选择器和id选择器同时选中一个标签元素，给它添加不同的样式，这些样式都会在标签上面进行显示。