css3一

标签：规则   选择器   css3   表单   元素   通用   site   hover   键值   

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 匹配获取焦点表单

css3一

标签：规则   选择器   css3   表单   元素   通用   site   hover   键值   

原文地址：https://www.cnblogs.com/xufeng1994/p/10421279.html