妙味css3课程---1-1、css中自定义属性可以用属性选择器么

妙味css3课程---1-1、css中自定义属性可以用属性选择器么

一、总结

一句话总结:可以的。

 

1、如何实现用属性选择器实现a标签根据href里面含有的字段选择背景图片?

p a[href*=text]{background-image:url(img/text.gif);}

 

2、浏览器前缀在js中怎么写?

比如老版火狐在css中的前缀是-moz-,例如-moz-tansition:1s;
js中不支持-(横杆),然后小写变大写:MozTransition
就jquery多好,jquery就是解决了这些兼容性的问题

 

3、我们在bootstrap和amazeui调用js的时候的data-属性是怎么来的?

这是css3里面新增的属性,其实也就是自定义属性

 

 

二、妙味css3课程 1-1 css中自定义属性可以用属性选择器么

1、相关知识

属性选择符 Attribute Selectors

选择符版本描述
E[att]CSS2选择具有att属性的E元素。
E[att="val"]CSS2选择具有att属性且属性值等于val的E元素。
E[att~="val"]CSS2选择具有att属性且属性值为一用空格分隔的字词列表,其中一个等于val的E元素。
E[att^="val"]CSS3选择具有att属性且属性值为以val开头的字符串的E元素。
E[att$="val"]CSS3选择具有att属性且属性值为以val结尾的字符串的E元素。
E[att*="val"]CSS3选择具有att属性且属性值为包含val的字符串的E元素。
E[att|="val"]CSS2选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素,如果属性值仅为val,也将被选择。

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/538179.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

吉林大学计算机与科学专业排名,吉林大学专业排名 哪些王牌专业推荐就读

吉林大学,简称“吉大”,位于吉林省省会长春。是一所“985”、“211”、“双一流”大学。下面我们将要来了解到的是吉林大学的专业排名,他的王牌专业有哪些,一起来看一下吧!吉林大学专业排名 哪些王牌专业推荐就读吉林大…

c51为啥要宏定义时钟_51单片机时钟实训报告

时、分、秒计时器设计一、任务及要求用51单片机设计时、分、秒计时器,具体要求如下。1、具有时、分、秒计时功能和8位数码管显示功能,显示格式为:“时-分-秒”;2、用Proteus设计仿真电路进行结果仿真&#…

servlet获取不到Angular4 post过来的参数

副标题:Java如何从HttpServletRequest中读取HTTP请求的body 今天接触一个项目,前台用angular4 post访问后台, this.httpService.post({url: quality/IMSI_MO, IMSImsg: this.InputMsg, TIME1: time1, TIME2: time2 }).subscribe(res > {t…

ios如何看idfv_如何无中生有资源搜索神器

作者 | Castie! 来源 | https://coderzsq.github.io日常扯淡首先申明,这绝对不是标题党,看完全文你一定也能够自行的写出一个资源搜索App,其实这个App,本来是想在App Store卖钱的,毕竟感觉需求量还是很大,虽…

计算机语言需要有英语基础,有关“计算机语言”的问题

一般需要一点英语基础,因很多语句其实是英文单词,且编译错误信息大多是用代码或英文提示的。但一个完全不会英语的人只要努力还是能学会编程语言的,计算机语言中涉及的英文单词大多不是很难,花点时间完全能记住,出错的…

Eclipse Console 加大显示的行数,禁止弹出

原文链接:http://blog.csdn.net/leidengyan/article/details/5686691 -------------------------------------------------- Eclipse Console 加大显示的行数: 在 Preferences-〉Run/Debug-〉Console里边,去掉对Limit console output的选择&…

excel range 判断日期型_为什么精英都是Excel控?

让你相见恨晚的Excel精髓攻略,吐血整理!三小时帮你提升90%的效率,这份Excel教程必须!(点赞收藏)Excel能够满足工作中绝大部分的数据分析需求,很多小细节的设计会节省下工作中非常多的时间&#…

移动端 | Vue.js对比微信小程序基础语法

&#xff08;1&#xff09;vue 自定义组件与父组件的通信&#xff0c;props&#xff1a;[abb],可以看成自组建的一个自定义属性 &#xff08;2&#xff09;vue 模版语法{{}} 只能是在DOM中插入&#xff0c;<div>{{acc}}</div>, 绑定属性的话应v-bind&#xff1a;id…

计算机组装电源线排,主机箱背部走线技巧 组装电脑走背线与理线教程

近年来&#xff0c;装机行业流行一个术语&#xff0c;即“走背线”&#xff0c;那么走背线是什么&#xff1f;装机之家小编简单介绍下&#xff0c;通俗的说&#xff1a;走背线就是针对电脑机箱&#xff0c;装机的时候&#xff0c;将机箱内部和电源的线材做到最干净整洁&#xf…

查看oracle数据库允许的最大连接数和当前连接数

原文链接&#xff1a;http://blog.csdn.net/zmx729618/article/details/54018629 ----------------------------------------------------------------------------- 在查看数据的连接情况很有用&#xff0c;写完程序一边测试代码一边查看数据库连接的释放情况有助于分析优化…

干煸线椒的做法_美食:农家蒸土鸡,剁椒梅鲚鱼干,干煸茶树菇,芹菜炒牛肉的做法...

阅读本文前&#xff0c;请您先点击上面“蓝色字体”&#xff0c;再点击“关注”&#xff0c;这样您就可以免费收到我们的最新内容了&#xff0c;每天都会有更新&#xff0c;完全是免费订阅&#xff0c;请放心关注。图文来源网络&#xff0c;侵权联系删除&#xff01; …

计算机出现假桌面怎么解决办法,win10系统apphangxprocb1引起桌面假死怎么解决【图文】...

电脑死机怎么办&#xff1f;有win10系统用户反应win10系统apphangxprocb1引起桌面假死怎么解决&#xff1f;出现这种情况该怎么解决&#xff1f;下面就将方法分享给大家。描述:出现了一个问题,该问题导致了此程序停止与 Windows 进行交互。错误的应用程序路径: C:Windowsexplor…

Tomcat log文件

catalina.out 是Tomcat启动和运行时访问日志。包括访问报错日志。不包括启动报错日志。包括了 catalina.2017-12-02.log 的日志。 localhost.2017-12-02.log 报错日志&#xff0c;包括启动时报错&#xff0c;如框架初始化失败日志&#xff0c;如spring的容器初始化日志…

如何将对象拼接成get传值的形式

传递的参数为params对象export default {data () {return {phone: 18688754577,password: 123456}},computed: {params () {let params {}params.phone this.phoneparams.password this.passwordreturn params}},methods: {concatParams (params) {let paramsStr for (var …

= 改为 in

for (String tableName : tableNames) {//检查是否全为空for (long p_hour start; p_hour < end; p_hour) {String sql"select * from HIVE_READ_INSERT_HISTORY where "imsiORmsisdnSql(imsi, msisdn, tableName)" and p_hour"p_hour" " &q…

noj数据结构稀疏矩阵的加法十字链表_数据结构之:图

导读1. 什么是图&#xff1f;图的存储方式&#xff1f;2. 图的遍历&#xff08;深度优先搜索&#xff0c;广度优先搜索&#xff09;3. 最短路径1. 什么是图&#xff1f;图的存储方式&#xff1f;前面总结了“树”这种数据结构&#xff0c;而这篇博客总结的是更为复杂的一种数据…

vue中用数组语法绑定class

简单的绑定class就不说了&#xff0c;它可以和对象语法一样&#xff0c;使用data、computed、methods三种方法。说一下我在工作里体会到这种作法的好处。那么直接上代码。。。咔咔咔 说下需求&#xff0c;我是做一个显示框&#xff0c;当status为1时&#xff0c;代表成功状态&a…

解释型语言与编译型语言的区别

编译型语言在程序执行之前&#xff0c;有一个单独的编译过程&#xff0c;将程序翻译成机器语言&#xff0c;以后执行这个程序的时候&#xff0c;就不用再进行翻译了。 解释型语言&#xff0c;是在运行的时候将程序翻译成机器语言&#xff0c;所以运行速度相对于编译型语言要慢。…

三星台式机计算机编号怎么看,三星笔记本如何查看型号

现如今&#xff0c;电脑的用途广泛&#xff0c;而且方便快捷&#xff0c;深受人们的欢迎&#xff0c;人们不仅可以通过电脑来了解知识&#xff0c;开阔眼界&#xff0c;而且电脑是一种消遣、娱乐的方式&#xff0c;可以放松身心。那电脑的话&#xff0c;有分两种&#xff0c;一…

自旋锁和互斥锁实例_多线程编程之自旋锁

一、什么是自旋锁一直以为自旋锁也是用于多线程互斥的一种锁&#xff0c;原来不是&#xff01;自旋锁是专为防止多处理器并发(实现保护共享资源)而引入的一种锁机制。自旋锁与互斥锁比较类似&#xff0c;它们都是为了解决对某项资源的互斥使用。无论是互斥锁&#xff0c;还是自…