CSS选择符、属性继承、优先级算法以及CSS3新增伪类、新特性
CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?CSS新增了哪些特性?下面我整理了一些,仅供参考。
CSS 选择符:
1) id选择器(# myid)2) 类选择器(.myclassname)3) 标签选择器(div, h1, p)4) 相邻选择器(h1 + p)5) 子选择器(ul > li)6) 后代选择器(li a)7) 通配符选择器( * )8) 属性选择器(a[rel = "external"])9) 伪类选择器(a: hover, li:nth-child)
可继承的样式:
1) font-size2) font-family3) color4) text-indent
不可继承的样式:
1) border2) padding3) margin4) width5) height
优先级算法:
1) 优先级就近原则,同权重情况下样式定义最近者为准;2) 载入样式以最后载入的定位为准;3) 3.!important > id > class > tag 4) important 比 内联优先级高,但内联比 id 要高
CSS3新增伪类举例:
1) p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。2) p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。3) p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。4) p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素。5) p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。6) :enabled :disabled 控制表单控件的禁用状态。7) :checked 单选框或复选框被选中。
CSS3有哪些新特性?
1) CSS3实现圆角(border-radius),阴影(box-shadow),2) 对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)3) transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜4) 增加了更多的CSS选择器 多背景 rgba 5) 在CSS3中唯一引入的伪元素是 ::selection.6) 媒体查询,多栏布局7) border-image
阅读更多- CSS选择符、属性继承、优先级算法以及CSS3新增伪类、新特性
- CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?
- CSS 选择符有哪些?哪些样式可以继承?优先级算法如何计算? CSS3新增伪类有那些?
- css选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先
- css选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先
- CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
- CSS优先级算法的计算及其CSS3新增伪类
- css选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先
- CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?
- CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
- CSS选择器有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先?
- 属性的继承以及样式优先级
- css3 多重背景图以及属性继承在css规范中的应用
- html之css属性选择器,伪类,继承,选择器优先级,float
- CSS3新增Hsl、Hsla、Rgba色彩模式以及透明属性(转)
- CSS3伪类和伪元素的特性和区别
- .NET中的特性、属性以及两者的区别
- css3-盒模型新增属性
- CSS3 新增文本属性
- C++11新特性应用--介绍几个新增的便利算法(不更改容器中元素顺序的算法)