CSS结构:
三大基本选择器为:标签选择器,ID选择器,类选择器
标签选择器是三大基本选择器中的一种。
标签选择器会对指定的标签有效,不管这个标签的层级有多深。
标签选择器实际上就是使用 html 中的标签来作为样式的名称。
如: a:hover {
color: red;
}
ID选择器是用于选择标签中指定了 id 属性并指定值的元素。
它的语法为:#ID的值{}
相同名称的 id 值在同一个页面中只能有一个。
类选择器需要在标签上定义 class 属性,并指定值,然后让这个值作为选择器来使用。类选择器以.开头。
如:.container {
border: 1px solid rgb(0, 0, 0);
color: red;
}
多个类选择器的使用方式,用空格来分隔。
后代选择器的结构:
选择器1 选择器2 {
属性: 值;
}
子选择器的结构:
选择器1 > 选择器2 {
属性: 值;
}
***后代选择器和子选择器的区别:
后代选择器会获取选择器1后的所有选择器2所对应的元素。
而子选择器只会获取选择器1的第一层中的选择器2所对应的元素。***