精通css读书笔记

标签：

1.伪类的顺序：link->visited->hover(focus)->active。

2.选择器的特殊性:a.行内样式; b.id选择器; c.类、伪类、属性选择器(例:class属性); d.类型选择器和伪元素选择器的数量(例:p标签)。abcd越大,优先级越高。

3.相对定位占据原来的空间,绝对定位与固定定位不占据原来的空间。

4.清除浮动的方式:

a.<div class="class"></div>

.clear{clear:both;}

b.其父级中加入:overflow:hidden;

c.父级中加入一个clear的class标签

.clear:after{

　　content:"";

　　heigth:0;

　　visibility:hidden;

　　display:block;

　　clear:both

}

5.img下方有3px的bug,解决方法:a.父级中加入font-size：0; b.img{display:block;}。

6.a:visited下的background-position不起作用。

7.通过css创建下拉菜单。*

8.如题:

.remote a:hover .hotspot,
.remote a:focus .hotspot {
 color: red;
}

<ul class="remote">
<li>
 <a href="#">
 <span class="hotspot">aaa</span>
 <span class="link">bbb</span>
 </a>
</li>
<li>
 <a href="#">
 <span class="hotspot">ccc</span>
 <span class="link">ddd</span>
 </a>
</li>
</ul>

当点击bbb时只有aaa的字体会变为红色，ccc不会。

当点击ddd时只有ccc的字体会变为红色，aaa不会。

。。。

精通css读书笔记

标签：

原文地址：http://www.cnblogs.com/pcd12321/p/4600954.html