伪类和伪元素

笔记：（以下总结内容在火狐浏览器下）
伪类：伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。
详见：伪类和伪元素_丫头馨_新浪博客 
http://blog.sina.com.cn/s/blog_691858a50102vi9g.html
1.div:target代表a标签点击时所产生的hash值所对应的元素。
2.实现元素的显示隐藏display:none/block.
3.input:enabled 可编辑的表单元素
4.CSS3中编辑状态默认是enabled,不可编辑状态直接写disabled即可。，此处是disabled="disabled"的简写，目的是便于样式灵活细致地应用到元素和JS的调用
5.E~F表示E元素后边的F标签
6.标签顾名思义，<label> 标签为 input 元素定义标注（标记），基于以下特性：（1） label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。 （2）<label> 标签的 for 属性应当与相关元素的 id 属性相同。
7.relative后的父级元素将包裹absolute后的子集元素，但是父级元素没有设置宽高的话，会包不住子级元素，此时如果父级元素overflow:hidden将隐藏子级元素。子级元素absolute设置负值也可以隐藏自身。
8.<span> 标签被用来组合文档中的行内元素。span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。
如：<p><span>some text.</span>some other text.</p>
9.padding是边框与内容之间的距离。
10.first-line代表第一行文本；first-letter代表第一个文字，为first-letter设置font-size后，第一个字将不会被选中,但是其他样式可以被选中。
11.p::selection{background:#F60;color:#fff;}双冒号是CSS3新增伪类特有规定，单冒号是css2有时也是被识别的。代表选中时的样式设计，更加的人性化。
（兼容性不好，目前测试Firefox下不兼容 解决该兼容问题是添加p::-moz-selection{background:#F60;color:#fff;}）
12.E::before/after配合content使用，在E元素最前边或最末尾添加东西，通过属性content添加内容；还可以为所添加的内容附带添加样式如：display:block设置成块元素，独占一行（block无双引号，此时虽然作用对象改变，先前的first-line、first-letter施加的样式依然有效。但是目前发现在火狐浏览器下，当添加的样式为display:block时此时首行发生改变，先前的first-line、first-letter作用对象改变施加的样式失效;
13.E：not（class A）{background:red;}表示具备A样式的某个元素不被应用以下的样式。

14.文字不在标签下不可以display:block而独占一行。但E::before{content:"text";dispaly:block;}此处::before是text的标签元素。