CSS属性选择器的相关用法

发布时间：2020-12-15 00:32:44 所属栏目：C语言来源：网络整理

导读：CSS3中属性选择符的用法，以下属性兼容性基本都支持，包括IE6+ 1.基本属性选择符用法 E[att] eg:input[type="text"]; 2.选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素(感觉意义不大) eg:input[class~="a"] 3.选择class以a开头的

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

eg:input[type="text"];

2.选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素(感觉意义不大)

eg:input[class~="a"]

3.选择class以a开头的input元素

eg:input[class^="a"]

4.选择class以c结尾的input元素

eg:input[class$="c"]


5.选择class包含b的input元素
eg:input[class*="b"]

6.选择属性以date打头，并且使用连接符“-”进行分割的input元。如果没有“-”，但同样以date开头，则也将被选中
eg:input[class|="date"]
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!