HTML 日常了解2

餐厅游戏答案：
1·plate

2·bento

3·#fancy

4·apple:first-child()

5·#fancy pickle

6·.small

7·plate .small,.small:nth-child(odd)

8·bento orange

9·bento,plate

10·*

11·plate *

12·plate +

13·bento +,bento + +

14·plate:nth-child(even) >

15·orange:first-child()

16·apple,plate pickle

17·apple,pickle

18·plate:not(plate:nth-child(even),plate:first-child())

19·bento:nth-child(even)

20·apple:first | apple:first-of-type | apple:first-child() | apple:not(.small)

21·plate:nth-child(even) | plate:not(plate:nth-child(odd))

22·plate:not(plate:nth-child(even),plate:first-child())

23·plate:nth-child(even) apple

24·.small:nth-child(even)

css语法

    
        
        
        
        
        
        
    
    
        
        
小邋遢，真啊真邋遢！
        
小邋遢，真啊真邋遢！
        
小邋遢，真啊真邋遢！
    

块和内联

    
    
    


    

    
我是一个span


    我是一个超链接

    
        

            我是一个div
        
    
    

        我是一个div
    

    
我是一个p标签
    
我是一个p标签

    


    我是一个span
    我是一个span

    我是一段文字

常用选择器

子元素和后代元素选择器

    
    
    


    
    

        我是div标签中的span
        
我是p标签中的span
    
    

        我是body标签中的span
    

伪类选择器

    
    
    


    

                哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈
    

属性选择器

    
    
    


    
    
我是一个段落
    
我是一个段落
    
我是一个段落
    
我是一个段落
    
我是一个段落

子元素选择器

    
    
    


    我是span
    
我是一个p标签
    
我是一个p标签
    
我是一个p标签
    
我是一个p标签
    我是span
    

兄弟元素选择器

    
    
    


    
我是一个p标签
    我是一个span
    
我是div
    
我是一个p标签

否定伪类

    
    
    


    
我是一个p标签
    
我是一个p标签
    
我是一个p标签

样式的继承

    
    
    


    

        

             我是p标签中的文字
             我是span中的文字
        
    
    我是p元素外的span

选择器的优先级

    
    
    


    

        我是一个段落
        我是p标签中的span
    

a的伪类

    
    
    


    访问过的链接
    

    未访问过的链接