css3入门

{CSS}CSS定义网页局部链接的技巧_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-17 16:41 我要评论( )

{CSS}CSS定义网页局部链接的技巧,学习{CSS}CSS定义网页局部链接的技巧,{CSS}CSS定义网页局部链接的技巧,查看{CSS}CSS定义网页局部链接的技巧,例如定义了链接主样

例如定义了链接主样式如下:

A:link { color:#FFFFFF; text-decoration:none }
A:active { color:#FFFFFF; text-decoration:none }
A:visited { color:#FFFFFF; text-decoration:none }
A:hover { color:#FFFFFF; text-decoration:underline }

局部链接样式一般的写法是这样:

.myClass:link { color:#000000 }
.myClass:active { color:#000000 }
.myClass:visited { color:#000000 }
.myClass:hover { color:#000000 }

下面这种则是简略写法,需要用 ID

#myId A { color:#000000 }

假如父 ID 内有多个子 ID:

#myId #myIdB A { color:#000000 }

假如父 ID 内有多个子样式:

#myId .myClass A { color:#000000 }

局部样式在继续主/父样式的前提下,附属己样式,写法灵活,可自行揣摩。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • {CSS}CSS框架带来的效率提升_div+css布局教程

    {CSS}CSS框架带来的效率提升_div+css布局教程

    2015-09-17 16:40

  • {CSS}CSS框架带来的效率提升_div+css布局教程

    {CSS}CSS框架带来的效率提升_div+css布局教程

    2015-09-17 16:40

  • {CSS}CSS:浏览器特定选择器介绍_div+css布局教程

    {CSS}CSS:浏览器特定选择器介绍_div+css布局教程

    2015-09-17 16:38

  • {CSS}CSS解决文字环绕图片问题_div+css布局教程

    {CSS}CSS解决文字环绕图片问题_div+css布局教程

    2015-09-17 16:38

网友点评