首页 > 其他 > 详细

2.3-学习

时间:2020-02-03 21:14:47      阅读:67      评论:0      收藏:0      [点我收藏+]

伪类的语法:

selector:pseudo-class {property:value;}

CSS类也可以使用伪类:

selector.class:pseudo-class {property:value;}
a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00FF00;} /* 已访问的链接 */ a:hover {color:#FF00FF;} /* 鼠标划过链接 */ a:active {color:#0000FF;} /* 已选中的链接 */
伪类可以与 CSS 类配合使用
a.red:visited {color:#FF0000;} <a class="red" href="css-syntax.html">CSS 语法</a>

在 CSS3 中包含了四种组合方式:

  • 后代选择器(以空格分隔)
  • 子元素选择器(以大于号分隔)
  • 相邻兄弟选择器(以加号分隔)
  • 普通兄弟选择器(以破折号分隔)
  • 后代选择器用于选取某元素的后代元素。
  • 与后代选择器相比,子元素选择器(Child selectors)只能选择作为某元素子元素的元素。
  • 相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。

    如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selecto

  • 后续兄弟选择器选取所有指定元素之后的相邻兄弟元素
  • 作为标准的HTML基础一个导航栏是必须的

    。在我们的例子中我们将建立一个标准的HTML列表导航栏

  • <ul>
    <li><a href="#home">主页</a></li>
    <li><a href="#news">新闻</a></li>
    <li><a href="#contact">联系</a></li>
    <li><a href="#about">关于</a></li>
    </ul>

2.3-学习

原文:https://www.cnblogs.com/kongfanbing/p/12256856.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!