美文网首页
css 选择器练习题

css 选择器练习题

作者: 现实里的童话xklss | 来源:发表于2018-08-07 20:15 被阅读0次

选择器

1 plate 类型选择器
2 bento 类型选择器
3 #fancy ID选择器
4 plate apple
5 #fancy pickle 结合后代和ID选择器
6 .small 类型选择器
7 orange.small 组合类选择器
8 bento orange
9 plate,bento 结合,选择器,用...逗号
10 * 通用选择器
11 plate * 结合通用选择器
12 plate+apple 相邻的兄弟选择器
13 bento~pickle 一般兄弟选择器
14 plate>apple 儿童选择器
15 orange:first-child 第一个儿童伪选择器
16 :only-child 只有儿童伪选择器
17 #fancy *:last-child,pickle 最后一个孩子伪选择器
18 plate:nth-child(3) 第N个儿童伪选择器
19 bento:nth-last-child(4) 第N个最后一个孩子选择器
20 apple:first-of-type 首选类型选择器
21 plate:nth-of-type(even) 类型选择器的第N个
22 plate:nth-of-type(2n+3) 具有公式的第N类型选择器
23 apple:only-of-type 仅限类型选择器
24 orange:last-of-type,apple:last-of-type 最后的类型选择器
25 bento:empty 空选择器
26 apple:not(small) 否定伪类

相关文章

  • CSS选择器

    CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...

  • CSS选择器

    目录: CSS派生选择器 CSS元素选择器 CSS Id 和 Class选择器 CSS 属性选择器 CSS 派生选...

  • css选择器

    css选择器】 1.css属性选择器 2.css伪类选择器 3.css层次选择器

  • CSS 选择器

    CSS 选择器 CSS 基本选择器及其扩展 CSS 基本选择器 通配符选择器 * 元素选择器 使用标签的名称...

  • Sublime 学习web的css

    html + css + js css引用 css外部样式 css优先级 css的选择器 标签选择器 类选择器 i...

  • CSS选择器

    CSS选择器的作用 CSS 选择器用于定位我们想要给予样式的 HTML 元素。 CSS选择器的类型 CSS选择器大...

  • JQuery CSS选择器

    CSS普通选择器 选择器函数 CSS伪类选择器

  • CSS-选择器1-概述

    CSS选择器-系列文章 CSS选择器-系列文章下一节 CSS选择器2-类选择器CSS3参考手册

  • CSS选择器、优先级以及!important知识总结

    一、CSS选择器 关于CSS选择器,首先请看这里:CSS 选择器参考手册 通过以上,我们可以将CSS选择器分为以下...

  • CSS

    CSS规则 at 规则 CSS选择器 CSS选择器 继承与层叠 继承与层叠 CSS 属性 CSS 属性 CSS值 ...

网友评论

      本文标题:css 选择器练习题

      本文链接:https://www.haomeiwen.com/subject/lqxzvftx.html