趣百科

CSS3中选择器

编辑:Simone 2024-11-12 11:51:50 579 阅读

CSS3中选择器

css3中的属性选择器

选择器:

:root 根选择器(相当于html)

:not 取反选中器(否定选择器)

:empty 空选择器(选中没有任何元素的标签)

:target 目的选择器

选择器:(同级元素标签,标签相同)

:first-child 第一个子元素

:last-child 最后一个子元素

:nth-child(n)

:only-child 只有一个子元素时

:nth-last-child(n) 倒数

n:数字 / 表达式 / 奇odd / 偶even

选择器:(同级元素标签,标签不同)

:first-of-type 第一个子元素

:last-of-type 最后一个子元素

:nth-of-type(n)

:only-of-type 只有一个子元素时

:nth-last-of-type(n) 倒数

n:数字 / 表达式 / 奇odd / 偶even

选择器:(表单)

:disabled 禁用

:enabled 可用

:checked 默认选中菜单

选择器:

::selection 默认选中

:read-only 只读

:read-write 可写

选择器:(举例div中class名)

div [class= ' a' ]{ } class名必须有a的

div [class*=' a ' ]{ } class名中包含a的

div [class^=' a ' ]{ } class名中以a开头

div [class$=' a ' ]{ } class名中以a结尾

版权声明:本站【趣百科】文章素材来源于网络或者用户投稿,未经许可不得用于商用,如转载保留本文链接:https://www.qubaik.com/answer/58455.html

相关推荐