CSS入门-选择器

CSS选择器语法格式:
Selector{
   property:value1;
   property:value2;
}
selector(选择器):决定该样式定义对哪些元素起作用
{property:value1;property:value2;}(属性定义):属性定义部分决定这些样式起怎样的作用(字体,颜色,布局等)

1.标记选择器(元素选择器)
E{......} /*其中E代表有效的html元素*/

2.类选择器
[E].calssValue{......}/*其中E代表有效的HTML元素,calssValue为类名*/
同时运用多个类选择器:叠加效果
CSS入门-选择器

3.ID选择器
[E]#idValue{......}/*其中E代表有效的html元素*/
ID选择器不支持类似类选择器那样的功能叠加,id只能等于唯一一个值。
CSS入门-选择器

4.选择器组合
selector1,selector2,selector3{......}/*其中selectn都是有效选择器*/
具有相同样式的元素统一定义,选择器之间用逗号隔开
CSS入门-选择器

5.选择器嵌套
selector1 selector2 {......}/*其中selectn都是有效选择器*/
选择器之间用空格隔开,即select1中嵌套select2,使用{}中定义的样式,select1中的儿子,孙子均适用。
CSS入门-选择器

转载于:https://my.oschina.net/u/2410074/blog/864828