css3一

css组成
1.样式表
2.规则
3.选择器+声明块
4.声明
5.css属性和css属性值组成的键值对

解析css的规则是:浏览器从右向左解析

css的部分属性存在继承关系

选择器有:
基本选择器----略

基本选择器扩展
子元素选择器----div>ul>li
相邻兄弟选择器----div ul + p只会匹配紧跟其后的兄弟元素
通用兄弟选择器----div ul ~ p(感觉用处不太大,不严谨)
选择器分组----h1,h2,h3

属性选择器
存在和值属性选择器:[attr]
:[attr='val']
:[attr~='val'](感觉作用不太大)
子串值属性选择器
[attr|=val](感觉作用不太大)
[attr^=val]以val值开头的元素
[attr$=val]以val值结束的元素
[attr*=val]带有val值的元素

伪类与伪元素选择器
伪类:link点击之前 :visited点击之后 :hover鼠标放上去 :active鼠标点击的一瞬间 :target
伪元素::before ::after类似

lvha---------顺序之分

:target---------做选项卡案例

表单伪类
:enabled 匹配到可编辑的菜单
:disabled 匹配禁用的表单
:checked 匹配选中的表单
:foucus 匹配获取焦点表单

猜你喜欢

转载自www.cnblogs.com/xufeng1994/p/10421279.html