CSS属性选择器的相关用法

前端之家收集整理的这篇文章主要介绍了CSS属性选择器的相关用法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_404_0@CSS3中属性选择符的用法,以下属性兼容性基本都支持包括IE6+
1.基本属性选择符用法 E[att]

eg:input[type="text"];
@H_404_0@2.选择具有att属性属性值为一用空格分隔的字词列表,其中一个等于val的E元素(感觉意义不大)

eg:input[class~="a"]
@H_404_0@3.选择class以a开头的input元素

eg:input[class^="a"]
@H_404_0@4.选择class以c结尾的input元素

eg:input[class$="c"]
@H_404_0@5.选择class包含b的input元素

eg:input[class*="b"]
@H_404_0@6.选择属性以date打头,并且使用连接符“-”进行分割的input元。如果没有“-”,但同样以date开头,则也将被选中

eg:input[class|="date"]
原文链接:https://www.f2er.com/note/421779.html

猜你在找的程序笔记相关文章