3.3css选择符②

1. 通用兄弟元素选择符

通用兄弟元素选择符E~F用来指定位于同一个父元素之后的所有其他某个种类的兄弟元素所使用的样式。

格式：E~F：{属性}

例子：

Div~p{color：green；}

2.包含选择符

包含选择符对象要意思选择出对象，从大到小，也就是从容器层到子层。

格式：

E1 E2{

Css代码

}

例子：

.div1{color:red} 容器div1中的字体颜色为红色

.div1 h1{font:20px}  容器div1 内的h1标签内字体大小为20px

3.分组选择符

分组选择符是指对多个标签设置同一样的样式，在不同的类型中，表示同一样的样式

格式：E1,E2,E3{CSS代码}

例子：

.class1{font:20px;color:red;}

.class2{font:20px;color:green;}

可以写为

.class1,class2{font:20px;}

.class1{color:red;}

.class2{color:green;} 

 

1. 属性性选择符
   1. E[属性]属性名选择符
   2. E[属性=…]属性值选择符
   3. E[属性~=…]属性值选择符
   4. E[属性|=…]属性值选择符
   5. E[属性^=…]属性值子串选择符
   6. E[属性$=…]属性值子串选择符
   7. E[属性*=…]属性值子串选择符
2. 伪类选择符

伪类选择符和类选择符不同，他在所指定的对象在文档中并不存在，他指定的时一个或与其相关的选择符的状态，且他不能像类选择符一样随便用别的名字。

常用的伪类如下:

a:link{color:#ff0000;}未被访问的链接状态

a:visited{color:#as2d31}已被访问的链接状态

a:hovor{color:#as5651}鼠标悬停到链接上的状态

a:active{color:#as5684} 被激活的链接