<html>
<head>
<meta charset="utf-8">
<title>常用选择器</title>
<style>
span{color:red;}
#bei{color:green;}
.qu{color:red;}
#qu,.lai,i{color:yellow;}
.fu .one{color:red;}
input[type=text]{color:green}
input[type=submit]{color:red}
a:link{color:red;}
a:visited{color:green;}
a:hover{color:yellow}
a:active{color:blue}
</style>
</head>
<body>
<span>两人对酌山花开</span><br/>
<p id="bei">一杯一杯复一杯</p><br/>
<b class="qu">我醉欲眠卿且去</b><br/>
<u class="lai">明朝有意抱琴来</u><br/>
<cite id="qu">日本晁卿辞帝都</cite><br/>
<i>征帆一片绕蓬壶</i>
<sub>明月不归沉碧海</sub>
<sup>白云愁色满苍梧</sup>
<div class="fu">
<div class="one">旧苑荒台杨柳新</div>
<div class="two">菱歌清唱不胜春</div>
<div class="three">只今惟有西江月</div>
</div>
<div class="one">曾照吴王宫里人</div>

<input type="text" />
<input type="checkbox" />
<input type="submit" />
<input type="button" />
<input type="password" /><br/>
<a href="http://www.baidu.com">百度</a>

</body>
</html>

H5 css伪类选择器相关推荐

  1. CSS 伪类选择器:如何使用 CSS3 伪类

    CSS 伪类选择器:如何使用 CSS3 伪类 CSS3 是个好东西,但也很容易被她的变形(transform)和动画(其中许多特性因浏览器厂商而异)特性所迷惑,因而忘了那些已经被添加到标准规范中的最为 ...

  2. css伪类选择器,:link、:visited、:focus、:hover、:active、:first-child

    全栈工程师开发手册 (作者:栾鹏) css系列教程1-选择器全解 css伪类选择器 伪类选择器用于表达在某种状态下的元素. 包括:link.:visited.:focus.:hover.:active ...

  3. CSS 伪类选择器详解:为网页添加交互与美感

    介绍 CSS 伪类选择器是一种非常有用的 CSS 选择器,它能够根据元素的状态.位置或其他属性来选择元素并应用样式.伪类选择器的语法为 :pseudo-class,其中 pseudo-class 是一 ...

  4. CSS伪类选择器nth-child 选择3的倍数个元素写法

    CSS伪类选择器nth-child 选择3的倍数个元素写法 web开发中,经常有对列表的3倍数列表项单独设置样式的需求. ul li:nth-child(3n+3) {            colo ...

  5. html引入scss,使用Sass混合宏来声明CSS伪类选择器

    CSS3在选择器方面添加伪类选择器这方面的特性,比如:nth-child(n).:nth-of-type(n)这样的选择器,其好处在这里就不多说了.如果你对这方面感兴趣的话,你可以阅读早前整理有关于C ...

  6. 用CSS伪类选择器做一个爱心

    用CSS伪类选择器做一个爱心 这里我们会用到 position:relative:相对定位 position:absolute;绝对定位 border-radius:圆角属性 transform:变换 ...

  7. 使用css伪类选择器,css的伪类选择器的使用

    伪类选择器,在不同情况下显示的css,伪类选择器在处理页面的美观是很大帮助.其实很多美丽的按钮或者页面都是有这些基础的知识实现的,掌握好基础很重要. 名字 实例 说明 :link a:link 选择所 ...

  8. css 伪类选择器(链接伪类选择器、结构伪类选择器、目标伪类选择器)

    css 伪类选择器(链接伪类选择器.结构伪类选择器.目标伪类选择器) 链接伪类选择器:顾名思义就是用于链接的伪类选择器.a的伪类标签有:a:link.a:visited.a:hover.a:activ ...

  9. CSS伪类选择器详细讲解

    前言 伪类选择器在CSS中起到的作用可以说是至关重要的,如果CSS没有伪类选择器,有很多效果都要借助js来完成,这样不仅代码量增加,维护起来你难度也大.这样程序员的工作量大,也违背了CSS诞生的作用, ...

最新文章

  1. MinkowskiEngine Miscellaneous Classes杂类
  2. 德勤发布《中国智能制造分析报告》
  3. 语言 蜗牛爬树问题_一年级语文《小蜗牛》课文解析及测试题,感觉最难的是口语交际题...
  4. chromium 源码下载地址
  5. 在Spring-boot中,为@Value注解添加从数据库读取properties支持
  6. 阿里巴巴大数据实践:OneData模型实施介绍
  7. oracle crm客户关系管理资料下载_悟空CRM:使用CRM系统进行客户关系管理的要点...
  8. Windows核心编程_Miniblin(5) 前后端交互数据
  9. markdown_Latex各种符号
  10. html设置input透明背景,input背景透明的穿透问题_html/css_WEB-ITnose
  11. NetLimiter网速测试小坑
  12. 动漫制作要学计算机吗,学习动漫制作需要掌握哪些电脑软件?
  13. 解析新时代人工智能机器人的工作原理
  14. MySQL 数据库管理之 --- 日志查询
  15. vue实现瀑布流效果
  16. 怎样迁移网站服务器和域名?
  17. [BUUCTF]第五天训练日志
  18. Java高手是如何练成的
  19. 基于SFM的三维重建点云合并及位移测量
  20. 照片转3d模型_这个AI能帮你女朋友自拍:从照片生成3D视频,总有个角度让她满意...

热门文章

  1. 分享一下自己的用的几个网站 嘿嘿嘿
  2. mongoDB的学习
  3. Form表单提交成功,但是后台并没有处理数据且debug无效
  4. Life feelings--7--聆听国奖大佬们的分享交流会-干货与总结
  5. 电传输之POE供电的介绍
  6. Transporter上传包慢解决方案
  7. TTL肖特基触发器是什么?
  8. 基金投资从入门到精通
  9. 朴素贝叶斯算法:实现邮件分类
  10. EXCEL2016下将身份证号这列重复项用背景颜色突显