怎样在一个页面定义多个连接CSS样式

html-css010

怎样在一个页面定义多个连接CSS样式,第1张

使用CSS选择器：这个选项的功能是可以设定链接文本的样式在选择器下拉列表中内定了四个选项: a:active——定义链接被激活时的样式，即鼠标已经点击了链接，但页面还没有跳转时。 a:hover——定义了鼠标悬浮在链接文字上时的样式。

例如有两个样式不同的a，可以这样设置：

.s1 a{color:#000}

.s2 a{color:#fff}

<div class="s1"><a href="#">1111111111111</a></div>

<div class="s2"><a href="#">22222222222222</a></div>

这样两个样式就不一样了