css基础——2017.2.20

标签选择器

p { color: green; }

通配符选择器  *代表选择页面上所有的元素

*{ color: yellow; }

通配符的穿透力很强，优先级高于继承的样式，会覆盖继承的样式，一般不用

* {

          margin: 0;      /*定义外边距*/

          padding:0;     /*定义内边距*/

}

ID选择器

是可以帮助我们选择当前页面中唯一id值得标签，也就是根据标签的ID属性值选取设置样式。ID选择器的符号是#号

#ID {     font-size: 20px;     }

类选择器

.class {     color: green;      }

ID选择器和类选择器的区别：

1. 相同的class属性值，可以在html 中出现多次。ID属性值在页面中只能出现一次

2.一个class的属性可以有多个值，也就是说一个标签可以有多个类

建议大家尽量使用类选择器

使用ID时候请客：当确实能唯一确定当期页面中标签只会出现一次，这时候可以使用ID选择器

如果不能保证相同的作用只出现一次，那么这时候就选择使用类选择器

复合选择器

标签指定式选择器（即...又...）

p#one

h3.class

后代选择器（包含选择器）

首先找到所有的类对应的标签，然后找到所有后代li标签

.class li

div li

并集选择器

.class,h3

子元素选择器

h1>strong{ color: red }

属性选择器

h1[id] { color: red; }

h1[id][class]{ font-size: 17px;}