欢迎访问 生活随笔!

ag凯发k8国际

当前位置: ag凯发k8国际 > 前端技术 > css >内容正文

css

css基本选择器、层次选择器、结构伪类选择器、属性选择器 -ag凯发k8国际

发布时间:2024/10/8 css 0 豆豆
ag凯发k8国际 收集整理的这篇文章主要介绍了 css基本选择器、层次选择器、结构伪类选择器、属性选择器 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

目录

基本选择器

1.标签选择器 

 2.类选择器

3.id选择器

层次选择器

结构伪类选择器

属性选择器


1.标签选择器 

 2.类选择器

3.id选择器

 

选择器

类   型

功能描述

e f

后代选择器

选择匹配的f元素,且匹配的f元素被包含在匹配的e元素内

e>f

子选择器

选择匹配的f元素,且匹配的f元素是匹配的e元素的子元素

e f

相邻兄弟选择器

选择匹配的f元素,且匹配的f元素紧位于匹配的e元素后面

e~f

通用兄弟选择器

选择匹配的f元素,且位于匹配的e元素后的所有匹配的f元素

选择器

功能描述

e:first-child

作为父元素的第一个子元素的元素e

e:last-child

作为父元素的最后一个子元素的元素e

e f:nth-child(n)

选择父级元素e的第n个子元素f,(n可以是1、2、3),关键字为even、odd

e:first-of-type

选择父元素内具有指定类型的第一个e元素

e:last-of-type

选择父元素内具有指定类型的最后一个e元素

e f:nth-of-type(n)

选择父元素内具有指定类型的第n个f元素

属性选择器

功能描述

e[attr]

选择匹配具有属性attr的e元素

e[attr=val]

选择匹配具有属性attr的e元素,并且属性值为val(其中val区分大小写)

e[attr^=val]

选择匹配元素e,且e元素定义了属性attr,其属性值是以val开头的任意字符串

e[attr$=val]

选择匹配元素e,且e元素定义了属性attr,其属性值是以val结尾的任意字符串

e[attr*=val]

选择匹配元素e,且e元素定义了属性attr,其属性值包含了“val”,换句话说,字符串val与属性值中的任意位置相匹配

总结

以上是ag凯发k8国际为你收集整理的css基本选择器、层次选择器、结构伪类选择器、属性选择器的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错,欢迎将ag凯发k8国际推荐给好友。

  • 上一篇:
  • 下一篇:
网站地图