CSS选择符问题

id选择器(#id) 

 类选择器(.class)  

标签选择器(div,h1,p)  

相邻选择器(h1+p)

子元素选择器(ul>li)  

后代选择器(li a)  

通配符选择器(*)  

属性选择器(a[rel=’external’])  

伪类选择器(a:hover,li:nth-child(1))

哪些属性可以继承?

font-size,font-family,color,text-indent(缩进)

不可以继承的属性:

border,width,height,margin,padding

优先级算法如何计算?

①就近原则,同权重下样式定义最近的优先

②载入样式以最后载入的定位为准

③!Important>id>class>tag

④important比内联优先级高,但内联比id高

CSS3新增的伪类有哪些?

p:first-of-type:选择属于其父元素的首个

元素的每个

元素

p:last-of-type:选择属于其父元素的最后

元素的每个

元素

p:only-of-type:选择属于其父元素的唯一

元素的每个

元素

li:nth-child(2):选择属于其父元素的第二个子元素的每个

  • 元素
  • p:only-child:选择属于其父元素的唯一子元素的每个

    元素

    :enabled  :disabled:控制表单控件的禁用状态

    :checked:单选框或复选框被选中

    最后编辑于
    ©著作权归作者所有,转载或内容合作请联系作者
    平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

    推荐阅读更多精彩内容

    • 所以你学会了基础的id,类和后代选择符,然后你就一直用它们了吗?如果是这样,你丢失了(css的)巨大的灵活性。在本...
      xxiao1988阅读 566评论 0 2
    • 译者:颜海镜译文地址:http://yanhaijing.com/css/2014/01/04/the-30-cs...
      IT程序狮阅读 1,512评论 2 9
    • 选择器 元素选择符 关系选择符 属性选择符 伪类选择符 伪对象选择符 一、元素选择符 通配选择符 (*):选择所有...
      云外之境阅读 1,912评论 0 0
    • 1,class 和 id 的使用场景? 1.class是类选择器,用.class定义,定位到页面中有相同特征的一类...
      _思铭阅读 380评论 0 0
    • id与class的使用场景 id选择器,匹配特定id的元素类选择器,匹配class包含(不是等于)特定类的元素id...
      姚小帅阅读 336评论 0 0