星空网 > 软件开发 > 网页设计

CSS3属性选择器与(:not)选择器

一:css3属性选择器:

img[alt]{  border:2px dashed #000;} 


这个选择器会匹配页面标签中任何一个含有alt属性的图片标签。
 
还可以通过设定属性值来缩小匹配范围:如下代码:
  img[]{   border:2px dashed #000;}

 


 css3的子字符串匹配属性选择器
(1)‘匹配开头’的属性选择器依法如下:
Element[attribute^="value"],实例代码如下:
img[alt^="filem"]{  border:2px dashed #000;}

 


(2)'匹配包含内容'的属性选择器
Element[attribute*="value"],实例代码如下:
img[alt*="filem"]{  border:2px dashed #000;}

 


(3)'匹配结尾'的属性选择器
Element[attribute$="value"],实例代码如下:img[alt$="filem"]{  border:2px dashed #000;}

二:(:not)选择器

否定伪类选择器,用于选择不满足某些条件的元素,例如:
nav ul li:not(.internal) a{color:#000;}

多提一点关于伪元素的:


对伪元素的修正
P:first-line 会选中<p>标签的第一行内容,
P:first-letter会选中其中第一个字母。
css3要求对伪元素使用2个冒号以便对伪类进行区别。但IE8及更低的版本无法识别2个冒号的语法,它们只识别一个冒号。
 

作者:风雨后见彩虹

出处:http://www.cnblogs.com/moqiutao/

如果您觉得本文对您的学习有所帮助,请多支持与鼓励。







原标题:CSS3属性选择器与(:not)选择器

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

在 TIKTOK 和 INSTAGRAM 上代发货产品的终极指南:https://www.kjdsnews.com/a/1666364.html
好消息!亚马逊欧洲本土店铺二审自动恢复:https://www.kjdsnews.com/a/1666365.html
亚马逊应对流量大战激烈,订单降三成引发关注:https://www.kjdsnews.com/a/1666366.html
亚马逊新规定,以下9种电动交通设备上架需进行售前审核:https://www.kjdsnews.com/a/1666367.html
婚纱礼服行业的跨境机遇与挑战:https://www.kjdsnews.com/a/1666368.html
什么?你还不了解Reels是什么?一文带你解惑!!:https://www.kjdsnews.com/a/1666369.html
长治婚庆女司仪和主持人:https://www.vstour.cn/a/366176.html
北京丰台区水上乐园哪家好玩?:https://www.vstour.cn/a/366177.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流