美文网首页
CSS选择符问题

CSS选择符问题

作者: 可乐妥妥 | 来源:发表于2017-06-11 19:24 被阅读0次

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:单选框或复选框被选中

    相关文章

    • HTML与CSS 目录

      HTML与CSS 目录 基础知识 【CSS选择符】类型选择符【CSS选择符】类选择符 和 ID选择符【CSS选择符...

    • 组合选择符

      1、CSS 组合选择符 Note 组合选择符说明了两个选择器直接的关系。CSS组合选择符包括各种简单选择符的...

    • css学习 第四天

      CSS组合选择符 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器...

    • CSS选择符介绍

      我们都是通过CSS选择符来锁定HTML元素进行样式的修改,在CSS选择符这一节中讲到了以下几种选择符: 子选择符与...

    • CSS选择符问题

      id选择器(#id) 类选择器(.class) 标签选择器(div,h1,p) 相邻选择器(h1+p) 子元素选择...

    • 【CSS】选择符

      CSS元素选择符 优先级:id选择符 > class选择符 > 标签选择符 1.通配选择符(Universal S...

    • CSS选择符的使用

      CSS选择符常用的有这几个,后代选择符空格( ),子选择符箭头(>),相邻兄弟选择符加号(+),随后兄弟选择符波浪...

    • CSS之基础知识开篇(一)

      1. CSS的组成 css 样式由选择符和声明组成,而声明又由属性和值组成。 1.1 选择符(选择器)选择符:又称...

    • CSS选择器

      CSS选择符(选择器) 定义了影响文档中的哪些部分 分类: 元素选择符 关系选择符 属性选择符 伪类选择符 伪对象...

    • 前端面试题总结【8】:CSS面试必问点!

      CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些? CSS 选择符:1.id选...

    网友评论

        本文标题:CSS选择符问题

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