全面了解css 属性选择器
1.[class~="flower"]:选中有flower的class
class="flower ss"
class="ss flower"
2.[class|='top']:选择以top为top开头的class需要有'—'相连 或者单独的top
class="top-ss"
class="top"
class="top-ss"//选不中
3.[class^="top"]: 选中以top为开头的不管有没有特殊符号相连,单独的top也可以
class="top-ss"
class="topss"
4.[class$="top"]: 选中以top为结束的class,单独的top也行
class="mytop"
class="my-top"
class="top"
5.[class*='tt']: 选中有tt两个字母的class不管其位置在哪里
class="sttd"
class="ttee"
class="eett"
6.[target=_blank]
a标签中有target =_blank的选中
7.input[type="button"]
以上这篇全面了解css 属性选择器就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
原文地址:http://www.cnblogs.com/lwwen/archive/2016/07/19/5685612.html
相关文章
- 对带有指定属性的 HTML 元素设置样式。可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。下文给大家介绍了css属性选择器的相关知识,感兴趣的朋友一2017-06-22
- 本文总结了30个CSS3选择器,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-04-13
- CSS3的诸多革命性改进中,对属性选择器的增强绝对是亮点之一,这里我们就来详解CSS3中属性选择器新增加的特性,需要的朋友可以参考下2016-07-11
- 本篇文章给大家介绍css3选择器的使用方法汇总,包括通用选择器,属性选择器,伪类选择器,对css3选择器相关知识感兴趣的朋友一起学习吧2015-11-24
- 这篇文章主要介绍了CSS属性简写和选择器的优先级问题,是CSS入门学习中的基础知识,需要的朋友可以参考下2015-08-15
- 上一切在《CSS3选择器——基本选择器》中主要介绍了CSS3选择器的第一部分,这节主要和大家一起来学习CSS3选择器的第二部分——属性选择器2012-01-21
CSS属性选择器的四种格式-CSS教程-网页制作-网页教学网
属性选择器(AttributeSelectors),或许你不应该对属性选择器感到陌生,从本质上说,id跟类选择器其实就是属性选择器,只不过是选择了id或者类的值(value)而已。2008-10-17css对边框的属性控制和链接的伪类选择器-CSS教程-网页制作-网页教学网
原文:http://jorux.com/archives/property-3-if-you-love-css/ 本篇主要介绍css对边框(border)的属性控制和链接(link)的伪类选择器. 边框(border): css控制的边框属2008-10-17- CSS属性选择器非常神奇,它们可以帮你避免添加数不胜数的类名,从另一方面来指出你代码里的一些问题。接下来通过本文给大家介绍使用CSS属性选择器来拼接HTML的DNA的方法,2018-11-02
最新评论