您现在的位置是：网站首页> 编程资料编程资料
HTML5新增的Css选择器、伪类介绍html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
2021-09-01
954人已围观
简介 HTML5新增了Css选择器、伪类，本文整理了一些，并给出简单的使用介绍，喜欢html5的朋友可以参考下，希望对大家有所帮助
选择器
p[name^=“my”]{font-size:14px}
选择器 ^= 讲规则应用到所有 name属性以“my”开头的
效果如下：
1
2
1
2
1
2
否定伪类
:not(p){color:red}
除了
p[name^=“my”]{font-size:14px}
选择器 ^= 讲规则应用到所有 name属性以“my”开头的
元素标签
p[name$=“my”]{font-size:14px}
选择器 $= 讲规则应用到所有 name属性以“my”结尾的
元素标签
p[name*=“my”]{font-size:14px}
选择器 $= 讲规则应用到所有 name属性包含“my”结尾的
元素上
选择器 > 、 + 、~
选择器>表示受影响的元素是第一个元素的子元素。
选择器+这 个选择器引用紧跟元素之后的元素，这两个元素必须有相同父级。
选择器~与+类似，但受影响的元素不一定紧跟第一个元素。
伪类与引用元素名称之间要加“:”
例：myclass:nth-child(2)
myclass元素中的第二个素
关键字“odd” ，“even”
myclass:nth-child(odd)：影响其父元素索引位置为奇数的
myclass:nth-child(even)：影响其父元素索引位置为偶数的
复制代码
代码如下:
1
2
1
2
1
2
效果如下：
1
2
1
2
1
2
否定伪类
:not(p){color:red}
除了
元素之外的其他元素都为red
相关内容
- HTML5 自动聚焦(autofocus)属性使用介绍html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- HTML5 placeholder(空白提示)属性介绍HTML5 placeholder属性详解让IE下支持Html5的placeholder属性的插件ie placeholder属性的兼容性问题解决方法HTML 5 input placeholder 属性如何完美兼任ie限制html文本框input只能输入数字和小数点使一个input文本框随其中内容而变化长度的方法使用placeholder属性设置input文本框的提示信息
- 5个你不知道的HTML5的接口介绍利用html5 canvas破解简单验证码及getImageData接口应用html5中地理位置定位api接口开发应用小结HTML5使用ApplicationCache接口实现离线缓存技术解决离线难题HTML5 Canvas像素处理使用接口介绍HTML5通用接口详解
- HTML5梦幻之旅——炫丽的流星雨效果实现过程HTML5播放实现rtmp流直播html5用video标签流式加载的实现基于 HTML5 WebGL 实现的医疗物流系统Html5 实现微信分享及自定义内容的流程HTML5 canvas 瀑布流文字效果的示例代码HTML5移动端手机网站开发流程HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影HTML5 离线应用之打造零请求、无流量网站的解决方法Html5之webcoekt播放JPEG图片流
- 使用HTML5拍照示例代码HTML5 和小程序实现拍照图片旋转、压缩和上传功能H5调用相机拍照并压缩图片的实例代码HTML5 Plus 实现手机APP拍照或相册选择图片上传功能HTML5调用手机摄像头拍照的实现思路及代码HTML5中5个简单实用的API（第二篇，含全屏、可见性、拍照、预加载、电html5拍照功能实现代码(htm5上传文件)基于HTML5超酷摄像头（HTML5 webcam）拍照功能实现代码HTML5拍照和摄像机功能实战详解
- HTML5 Canvas阴影使用方法实例演示canvas 阴影和图形变换的示例代码HTML5 canvas基本绘图之绘制阴影效果实例讲解使用HTML5 Canvas绘制阴影效果的方法html5实现canvas阴影效果示例canvas多重阴影发光效果实现
- HTML5 Canvas自定义圆角矩形与虚线示例代码HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制，单行文字、多行详解html2canvas截图不能截取圆角图片的解决方案使用HTML5 Canvas绘制圆角矩形及相关的一些应用举例html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形canvas绘制圆角头像的实现方法
- HTML5 Canvas画线技巧——实现绘制一个像素宽的细线html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- 使用HTML5的File实现base64和图片的互转html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
- HTML5 中新的全局属性(整理)html5实现点击弹出图片功能html5 录制mp3音频支持采样率和比特率设置html5表单的required属性使用html5调用摄像头实例代码HTML5页面音频自动播放的实现方式Html5大屏数据可视化开发的实现html实现弹窗的实例HTML5来实现本地文件读取和写入的实现方法HTML 罗盘式时钟的实现HTML5简单实现添加背景音乐的几种方法
