记录学习与后端知识并分享学习代码过程(会飞的鱼Blog)

分享杨小杰博客彩虹友链CSS样式

会飞的鱼 1 2647 2017年10月12日

Image


复制代码到模版公用css样式文件中

/*彩虹友链*/
.frend-link dd a:nth-child(7n+1) {
  color: #FF0000
}
.frend-link dd a:nth-child(7n+2) {
  color: #FF7F00
}
.frend-link dd a:nth-child(7n+3) {
  color: #ADAD30
}
.frend-link dd a:nth-child(7n+4) {
  color: #00FF00
}
.frend-link dd a:nth-child(7n+5){
  color: #00FFFF
}
.frend-link dd a:nth-child(7n+6) {
  color: #0000FF
}
.frend-link dd a:nth-child(7n+7) {
  color: #8B00FF
}

详细讲解一下,其中 .frend-link dd a 是我博客友情链接的div依次定义的class,如果你要使用请按照你网页上的div class依次修改

参考一下下图中的形式

Image

第一级class是frend-link

第二级是dd

第三级是a标签(也就是文字了)

以上只是参照杨小杰博客的div形式来弄的,其他的请自行修改

本文由 @会飞的鱼 于 2017-10-12 发布在 会飞的鱼Blog,如无特别说明,本博文章均为原创,转载请保留出处。

网友评论当前共有1条评论

会飞的鱼 在线咨询

在线时间:9:00-22:00
周六、周日:14:00-22:00