HTML5 CSS 结构_2

上一篇写太长了，这篇继续。

上来就是一个重要知识：伪元素pseudo-class

什么意思呢？就是这些元素不是显性显示的，而是隐形的

比如：超链接被点击过以后，会变色

           鼠标放在超链接上面盘旋，字体颜色或者字体会改变

先来看下下面最简单的例子





下面要讲一下和超链接有关系的伪属性

比如，a的伪属性

link：表示还未访问过的链接

visited：已经访问过的链接

hover：表示鼠标在链接上徘徊



然后再讲一个属性，讲相同标签的第一个，特殊列出来，first-child

实例如下：

虽然有很多<p>，但是由于他是用了p:first-child属性

所以只有第一个段落被渲染



如果不想第一个段落呢？而是后面的段落呢？

可以用代码 nth-child(这里写数字)

括号里填具体你要哪一个元素来渲染，示例如下：



然后来看下一个章节

重要的有2点：

1：border-radius:这个属性可以让div变成一个圆，100%的时候，如果设置得少，比如10%，那么就变成4个角比较圆的矩形

2：id属性在同一个结构内部，会覆盖class

示例如下：