首页 > 游戏数码 > 互联网 > CSS3中选择器

CSS3中选择器

   来源:秒知站    阅读: 7.71K 次
字号:

用手机扫描二维码 在手机上继续观看

手机查看

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张

特别提示

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

电脑网络
IT技术
互联网
电脑
摄影
手机
游戏