当前位置:常识集 > 数码游戏 > 互联网 > CSS3中选择器
手机版

CSS3中选择器

来源:常识集 阅读:8.02K 次

css3中的属性选择器

CSS3中选择器

操作方法

(01)选择器::root  根选择器(相当于html):not  取反选中器(否定选择器):empty  空选择器(选中没有任何元素的标签):target  目的选择器

CSS3中选择器 第2张

(02)选择器:(同级元素标签,标签相同):first-child    第一个子元素:last-child    最后一个子元素:nth-child(n):only-child  只有一个子元素时:nth-last-child(n) 倒数n:数字 / 表达式 / 奇odd / 偶even

CSS3中选择器 第3张

(03)选择器:(同级元素标签,标签不同):first-of-type   第一个子元素:last-of-type    最后一个子元素:nth-of-type(n):only-of-type   只有一个子元素时:nth-last-of-type(n) 倒数n:数字 / 表达式 / 奇odd / 偶even

CSS3中选择器 第4张

(04)选择器:(表单):disabled  禁用:enabled  可用:checked  默认选中菜单

(05)选择器:::selection  默认选中:read-only  只读:read-write  可写

CSS3中选择器 第5张

(06)选择器:(举例div中class名)div [class= ' a' ]{ }     class名必须有a的div [class*=' a ' ]{ }    class名中包含a的div [class^=' a ' ]{ }    class名中以a开头div [class$=' a ' ]{ }    class名中以a结尾

CSS3中选择器 第6张

特别提示

“+”: 同一级下一个 ; 空格:祖宗下所有的;>:下一级

本文链接:https://www.changshiji.com/smyx/hulianwang/dyl8x5.html

Copyright © 2024. 常识集 All right reserved. 浙ICP备20202586号-2

文字美图素材,版权属于原作者。部分文章内容由网友提供推送时因种种原因未能与原作者联系上,若涉及版权问题,敬请原作者联系我们,立即处理。