在css3中这些选择器怎么用, E[A^=v] E[A$=v] E[A*=v] E:nth-child(n) E:nth-last-child

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在css3中这些选择器怎么用, E[A^=v] E[A$=v] E[A*=v] E:nth-child(n) E:nth-last-child相关的知识,希望对你有一定的参考价值。

参考技术A E[A^=v] :匹配具有A属性、且值以V开头的E元素
例如:p[title^="val"]可以匹配<p title="value">××××××</p>

E[A$=v] :匹配具有A属性、且值以V结尾的E元素
例如:p[title$="val"]可以匹配<p title="this is val">××××××</p>

E[A*=v] :匹配具有A属性、且值中含有V的E元素
例如:p[title*="val"]可以匹配<p title="have val word">××××××</p>

E:nth-child(n):匹配父元素中的第n个子元素E
E:nth-last-child(n):匹配父元素中的倒数第n个结构子元素E
参考技术B 楼上的解释已经非常全面了

以上是关于在css3中这些选择器怎么用, E[A^=v] E[A$=v] E[A*=v] E:nth-child(n) E:nth-last-child的主要内容,如果未能解决你的问题,请参考以下文章

css3有没有除第一个子元素以外的元素的选择器

css3新增选择器

H5-伪类选择器-伪元素选择器

CSS3选择器

CSSCSS2和CSS3选择器总结(全部选择器种类及其优先级)

CSS3——新增的选择器