[tr][td]CSS3中,增加了如下三个属性选择器,使属性选择器有了通配符的概念,十分方便!
【注】下面所描述的attr和val分别表示属性和值 [attr*=val]属性选择器 概述:表示筛选出属性attr中包含属性值val所制定的字符的话,那么将选择此元素。 案例: [*] [*] [*] [*] [*] CSS3每日一练之选择器-属性选择器|前端开发网(W3Cfuns.com) [*] [*] [*] [*] [*] 我的id是ab [*] 我的id是abc [*] 我的id是w3cabc [*] 我的id是w3cabc123 [*] 我的id是ac [*] [*] [attr^=val]属性选择器 概述:表示筛选出属性attr中开头字符串为属性值val所制定的字符的话,那么将选择此元素。 案例: [*] [*] [*] [*] [*] CSS3每日一练之选择器-属性选择器|前端开发网(W3Cfuns.com) [*] [*] [*] [*] [*] 我的id是ab [*] 我的id是abc [*] 我的id是w3cabc [*] 我的id是w3cabc123 [*] 我的id是ac [*] [*] [attr$=val]属性选择器 概述:表示筛选出属性attr中结束字符串为属性值val所制定的字符的话,那么将选择此元素。 案例: [*] [*] [*] [*] [*] CSS3每日一练之选择器-属性选择器|前端开发网(W3Cfuns.com) [*] [*] [*] [*] [*] 我的id是ab [*] 我的id是abc [*] 我的id是w3cabc [*] 我的id是w3cabc123 [*] 我的id是ac [*] [*] [attr=val]属性选择器 注解:此选择器非CSS3新加入,在这里提一下,不但让大家复习一下之前的知识还将属性选择器分为一类在此介绍,比较便于理解。 概述:表示筛选出属性attr中字符串等于属性值val所制定的字符的话,那么将选择此元素。 案例: [*] [*] [*] [*] [*] CSS3每日一练之选择器-属性选择器|前端开发网(W3Cfuns.com) [*] [*] [*] [*] [*] 我的id是ab [*] 我的id是abc [*] 我的id是w3cabc [*] 我的id是w3cabc123 [*] 我的id是ac [*] [*] 总结 这四种选择器都比较简单方便,很容易理解,如果你之前看过我写的《jQuery教程》中的选择器的话,那就更容易理解了,jQuery中的选择器有很多,其中有不少是CSS3选择器。 [/td][/tr] |
|