css中常用的选择器(二)

1. 包含选择器

格式：选择器A 选择器B ... { 属性名：属性值；... }

说明：格式中选择器A包含选择器B,也就是说选择器A.contains(选择器B) == true；

示例：

div{
     font-size:24px;
}

/*div标签中的span标签中的b标签*/
div span b{
    font-size:19px;
}

/*
<div><span>我是<b>包含选择器</b></span></div>
*/

2.组合选择器

格式：选择器A, 选择器B, 选择器C, ... { 属性名：属性值; 属性名：属性值; ... }

说明：多个选择器间用逗号隔开，多个属性之间用分号隔开

示例：

div, p, .classselector {
       font-size:24px;
}

/*

<div>-----div-----</div>
<p>----p----</p>
<ul class="classselector">----ul----</ul>
*/

3.伪类及伪类选择器

格式：

1> 标签名：伪类 { 属性名：属性值; ... }

2> 标签名：伪对象 { 属性名：属性值; ... }

示例：

/*
伪元素选择器:是html中事先定义好的一些选择器；
格式：
	1.标签名：伪类{属性名：属性值；...}
	2.标签名：伪对{属性名：属性值；...}
伪类包括：
1. :link
2. :hover 悬停
3. :active 被点击释放的瞬间
4. :visited 被点击后
5. :focus
6. :first-child
7. :first
8. :left
9. :right
10. :lang
7~9 : 仅使用<p>
伪对象包括：
1. :first-letter
2. :first-line
3. :before
4. :after
*/
a:link , a:visited {
	background-color:#0F0;
	color:#00F;
	text-decoration:none;	
}

a:hover {
	background-color:#F00;
}

p:first-letter{
	background-color:#FFFBF0;
	color:#0F0;
	font-size:24px;
}

p:first-line{
	background-color:#00DFAA;
	font-size:36px;
}