CSS中常用的伪类选择器

一 、伪类(不存在的类,特殊的类)

-伪类用来描述一个元素的特殊状态

比如:第一个元素,被点击的元素,鼠标移入的元素···

-特点:一般请情况下,使用:开头

1、 :first-child 第一个子元素

2、 :last-child 最后一个子元素

        3、 :nth-child() 选中第n个子元素

                特殊值: n 所有的

                2n或even 选中偶数

                2n+1或odd 选中奇数

—以上这些伪类都是根据所有的子元素进行排序

1、:first-of-type

2、:last-of-type

3、:nth-of-type()

功能跟上面相似,

—不同的是,这是在同类型的子元素中去选择

二、:not() 否定伪类

-将符合条件的元素从选择器中去除

以下为代码演示
 



  
    
    
    
    Document
    
  
  
    

沁园春·雪

毛泽东

    测试

    北国风光,千里冰封,万里雪飘。

  • 望长城内外,惟余莽莽;大河上下,顿失滔滔。
  • 山舞银蛇,原驰蜡象,欲与天公试比高。
  • 须晴日,看红装素裹,分外妖娆。
  • 江山如此多娇,引无数英雄竞折腰。
  • 惜秦皇汉武,略输文采;唐宗宋祖,稍逊风骚。
  • 一代天骄,成吉思汗,只识弯弓射大雕。

你可能感兴趣的:(css,HTML,css,前端)