HTML练习题2

作业答案：
1.plate 元素选择器
2.bento 元素选择器
3.#fancy id选择器
4.plate apple 后代选择器
5.#fancy pickle 交集选择器
6..small 类选择器
7.bento .small,plate .small 并集选择器
8.bento orange.small 交集选择器
9.bento,plate 并集选择器
10.* 通配选择器
11.plate * 交集通配选择器
12.plate+apple 兄弟选择器（后边一个元素）
13.bento ~ pickle 兄弟选择器（后边所有元素）
14.plate > apple 子元素选择器
15.plate :first-child 子元素选择器（为第一个子元素）
16.apple,plate pickle 并集选择器
only-child 选择父元素只包含一个同类型子元素
17.apple,pickle 并集选择器
18.plate:nth-child(3) 子元素选择器（为指定位置的子元素）
19.bento:first-of-type 子元素选择器（为bento标签第一个子元素）
20.apple:first-of-type 子元素选择器（为apple标签第一个子元素）
21.plate:nth-of-type 子元素选择器（为plate标签偶数子元素）
22.plate:nth-child(2n+3) 子元素选择器（选择第2n+3个plate元素）【公式2n+3中n是计数器（从0开始）3是偏移值】
apple:only-of-type 选择父元素只包含一个同类型子元素，且包含apple元素
24.orange:last-of-type,apple:last-of-type 子元素选择器（选择最后一个标签）| 并集选择器
25.bento:empty 选择bento标签没有子元素的元素
26.apple:not(.small) 子元素选择器（否定伪类）

1

    
    

    CSS
    
    */
    
    


    
    xxxxxxxxxxxx
    xxxxxxxx

2

    
    

    
    否定伪类
    
        


    cccccc
    cccccc
    cccccc
    cccccc
    cccccc
    
        cccccc

3

    
    

    开发工具
    
    


        

        wwww
        wwww

    
    一个span
    一个span
    一个span
    一个span
    一个span
    一个span
    一个span
    一个span
    一个span
    一个span

4

    
    

    
    属性选择器
    
    


    cccccccc
    fffffff
    aaaaaaa
    vvvvvvvv

5

    
    

    
    a的伪类
    
        


    cccccc
    cccccc
    cccccc
    cccccc
    cccccc
    
        cccccc

6

    
    

    伪类选择器
    
    
    


    访问过的链接
    


    未访问过的链接

7

    
    

    
    伪元素
    
    


    hello,nice to meet you!

8

    
    

    
    兄弟元素选择器
    
        


    cccccc
    cccccc
    cccccc
    cccccc
    cccccc
    
        cccccc

9

    
    

    
    选择器的优先级
    
        


    
    cccccc

10

    
    

    
    样式的继承
    
        


    
    
        cccccc
        wwwwww
    
    rrrrrrrr

11

    
    

    元素选择器
    
    


    ssssss
    ccccccc
    ddddddd
    aaaaaaa

12

    
    

    
    子元素选择器
    
        


    cccccc
    cccccc
    cccccc
    cccccc
    cccccc
    
        cccccc

HTML练习题2

1

2

3

4

5

6

7

8

9

10

11

ssssss

12

你可能感兴趣的:(HTML练习题2)