首页 > 开发 > HTML5 > 正文

HTML5新增的Css选择器、伪类介绍

2024-09-05 07:20:28

字体：大中小

来源：转载

供稿：网友

选择器
p[name^=“my”]{font-size:14px}
选择器 ^= 讲规则应用到所有 name属性以“my”开头的<p>元素标签
p[name$=“my”]{font-size:14px}
选择器 $= 讲规则应用到所有 name属性以“my”结尾的<p>元素标签
p[name*=“my”]{font-size:14px}
选择器 $= 讲规则应用到所有 name属性包含“my”结尾的<p>元素上
选择器 > 、 + 、~
选择器>表示受影响的元素是第一个元素的子元素。
选择器+这个选择器引用紧跟元素之后的元素，这两个元素必须有相同父级。
选择器~与+类似，但受影响的元素不一定紧跟第一个元素。

伪类与引用元素名称之间要加“:”
例：myclass:nth-child(2)
myclass元素中的第二个素
关键字“odd” ，“even”
myclass:nth-child(odd)：影响其父元素索引位置为奇数的
myclass:nth-child(even)：影响其父元素索引位置为偶数的

复制代码

上一篇：HTML5 自动聚焦(autofocus)属性使用介绍

下一篇：通过Canvas及File API缩放并上传图片完整示例

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注