css选择器（[class*= icon-], [class^=icon-] 的区别）

官方解释：

[attribute^=value]，a[src^="https"]，选择其 src 属性值以 "https" 开头的每个 <a> 元素。最低要求：css3

[attribute*=value]，a[src*="abc"]，选择其 src 属性中包含 "abc" 子串的每个 <a> 元素。最低要求：css3

用[class*=" icon-"], [class^=icon-]经过测试发现，value可以加双引号，可以不加，效果一致。

参考：

http://www.w3school.com.cn/cssref/css_selectors.asp

==>如有问题，请联系我：easonjim#163.com，或者下方发表评论。<==

css选择器（[class*= icon-], [class^=icon-] 的区别）相关推荐

html中井号的作用,html5 css选择器井号, 句点的区别
一.理解CSS的样式组成CSS里的样式表是有规则组成的,每条规则有三个部分组成: 1.选择器(如下面例子中的:"body"),告诉浏览器文档的哪个部分受规则影响: 2.属性(如实例 ...
css选择器中:first-child与:first-of-type的区别
:first-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素.比如有段代码: p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素: ...
css选择器 pa,p~a,p+a区别
p>a:子选择器,表示p元素下的第一级子元素a p~a:兄弟选择器,p之后出现的所有兄弟a,a不必紧跟p后边 p+a:相邻兄弟选择器,紧跟其后的第一个兄弟元素
html 井号作用,html5 css选择器。井号，句号的区别
一.理解CSS的样式组成CSS里的样式表是有规则组成的,每条规则有三个部分组成:1.选择器(如下面例子中的:"body"),告诉浏览器文档的哪个部分受规则影响:2.属性(如实例中的 ...
CSS选择器大全包含nth-child和nth-of-type的区别
哇~这里有最全的css选择器使用规则要想将css样式应用于html标签,首先要找到该目标标签在css中,执行这一样式规则的称为选择器基础选择器 id选择器 id选择器使用'#'进行标识,后面紧跟 ...
html中号选择器,CSS兄弟选择器符号‘+’号与‘~’号的区别
今天有人问我,在CSS的兄弟选择器中'+'号和'~'号码的区别是什么,而我自己对这个问题也不是很清除,当然,如果想弄清楚一个问题,用实践的方式比较好,今天就通过举几个例子来说明一个,CSS选择器中的加 ...
css选择器中a与a:link的区别
css选择器中a:link是选择尚未点击的链接,a是选择链接,在一个链接未点击的时候好像可以同时被这两个选择器选择. 但是a与a:link选择器是有区别的,a选择器是选择所有链接,不管是否有效,a:l ...
第三章 CSS 选择器的命名
CSS 选择器是否区分大小写 CSS 选择器有那些区分大小写那些不区分大小写还有那些可以设置为不区分: 要搞清楚这个问题, 还要从 HTML 说起: 在HTML 中: 标签和 ...
css选择器及其权重
1. 类型选择器 <!DOCTYPE html> <html lang="en"> <head><meta charset="U ...
最常用的css选择器及兼容性 +几个好用却不多见的 nth-child等
你也许已经掌握了id.class.后台选择器这些基本的css选择器.但这远远不是css的全部.下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题.掌握了它们,才能真正领 ...

css选择器（[class*= icon-], [class^=icon-] 的区别）

css选择器（[class*= icon-], [class^=icon-] 的区别）相关推荐

最新文章

热门文章