css选择器第一个元素，css包含元素？
css元素分为三种：块级元素、行内元素和行内块元素
1、 块级元素
设置display:block就是将元素显示为块级元素
常用的块状元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
特点:
独占一行
高度，行高、外边距以及内边距都可以控制
宽度默认是容器的100%
以容纳内联元素和其他块元素
2、 行内元素
块级元素也可以通过代码display:inline将元素设置为行内元素
常用的行内元素有：
<a>、<span>、
、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
特点:
多个元素在同一行
高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效
默认宽度就是它本身内容的宽度
行内元素只能容纳文本或则其他行内元素。（a特殊）
可以通过设置display属性变成其他元素
注意：
只有 文字才 能组成段落 因此 p 里面不能放块级元素，同理还有这些标签h1,h2,h3,h4,h5,h6,dt，他们都是文字类块级标签，里面不能放其他块级元素。链接里面不能再放链接。
3、 行内块状元素
行内块元素（display:inline-block）就是同时具备行内元素、块状元素的特点，代码display:inline-block就是将元素设置为状元素
总是不知道哪个元素要多少像素？
不要用什么可视化工具，建议用文本类编辑工具，比如notepad++，直接写代码，比如：
然后在CSS文件里定义.wrapper的尺寸，颜色。.wrapper{width:300px;height:100px;background:red;} 尺寸、颜色不合适，可以借用浏览器的开发者工具，比如火狐开发者工具有尺子，浏览器上画一下，就能知道你想要的尺寸；或者定位元素就能知道尺寸；颜色也一样，火狐组件中有很多取色扩展，比如“ColorZilla”，点击浏览器中任意位置，就能取到颜色代码...css复合选择器有哪三种？
1、元素选择器 标签名{ }
2、id选择器 #id属性值{ }
3、类选择器 .class属性值{ }
4、选择器分组(并集选择器)
作用：通过它可以同时选中多个选择器对应的元素(通常用于集体声明)
语法：选择器1，选择器2，选择器n{ }
5、复合选择器(交集选择器)
作用：选择更准确更精细的目标元素并为其设置属性
语法：选择器1选择器2选择器n{ }
!注意选择器之间不能有空格，要紧挨在一起
6、通配选择器
作用：用来选中页面中所有的元素
语法：*{ }
7、后代元素选择器
作用：选中指定元素的指定后代元素
语法：祖先元素 后代元素{ }
8、子元素选择器
作用：选中指定父元素的子元素
语法：父元素>子元素
9、伪类选择器
伪类表示元素的一种特殊状态
:hover 移入时元素的状态
:visited 已被访问过后的元素的状态
:active 被点击时元素的状态
10、 属性选择器
作用：根据元素中的属性或属性值来选取指定元素
语法：[属性名]选取含有指定属性的元素
? [属性名=“属性值”]选取含指定属性值的元素
? [属性名^="属性值"] 选取属性值以指定内容开头的元素
? [属性名$="属性值"] 选取属性值以指定内容结尾的元素
? [属性名*="属性值"] 选取属性值包含指定内容的元素
11、兄弟元素选择器
+选择器
作用：选中一个元素后紧挨着的指定的兄弟元素
语法：前一个+后一个(作用在后一个)
~选择器
作用：选中后边所有的制定兄弟元素
语法：前一个~后边所有
CSS父元素的子元素样式控制另一子元素怎么实现？
你说讲的这应该是同级兄弟元素之间的CSS控制。话说有一种选择器就叫兄弟元素选择器，分为临近兄弟和普通兄弟。临近兄弟：用 ＋ 表示，只匹配该元素后边的第一个同级元素。普通兄弟：用 ～ 表示，匹配该元素后边的所有同级元素。给个例子：
sdf
sdfsdf当把p的class设为on的时候，span的样式也跟着改变。不知道这么说清楚没有。另外这种方式IE6是不支持的。慎用吧。