下面罗列了一部分的CSS定位方式。看到这么多是否觉得CSS不再简单，其实不然常用的几种方式作者已标记，CSS定位是平常使用过程中非常重要的一种方式。它与Xpath定位有诸多类似的地方，但是无论从性能还是语法上来说CSS都是比较有优势的。
1、一般情况下定位速度要比XPATH快
2、语法比Xpath要简洁
@ html中的伪元素？
input:focus div 的意思是div是input的后代元素，而这显然是错的，因此无法匹配到。
css中父元素（或祖先元素）可以影响子元素（或后代元素），但反过来就不行，因为当多个选择器并存时，如果既存在子选择器，又存在父选择器，在逻辑上就会产混乱，因此在css不存在父选择器（或者祖先选择器）。
你这种需求，只能通过js来实现。
@ css三种选择器的特点？
css选择器的类型分为3类:标记选择器、类别选择器和ID选择器。
（可能名称有不同的说法，但意思都是一样的） 标记选择器是利用HTML的标记直接定义标记内容的样式，如：h1{ color:red; font-size:25pt;} 类别选择器是通常说的class选择器，定义的时候要在名称前加.如：.one{ color:red; font-size:25pt;} ID选择器定义的时候要在前面加#，如：#box { color:red; font-size:25pt;} 利用DW写CSS的时候，高级就是上面说的ID选择器，ID选择器的名字可以任意命名，可以自己定义，可是标签就只能是HTML语言里制定的那些标记，不能自己定义。
@ webstorm常用代码？
webstorm的默認快捷鍵
ctrl+alt+L 格式化代码
Ctrl+B 快速打开光标处的类或方法
ctrl+/ 单行注释
ctrl+shift+/块注释
Ctrl+X 删除行
Ctrl+D 复制行
Ctrl+F 仅在本页查找
Ctrl+Shift+F从多个文件查找，可以自定义查找范围。
Ctrl+R 替换文本
Ctrl+N 查找类
Ctrl+Shift+N 查找文件
Alt+F7查找函数或变量在哪被使用
Shift+Shift 类，文件，配置项，快捷键，函数，路径等等都能搜索。
ctrl+shift+ +/-展开/折叠
ctrl + ‘.’: 折叠选中的代码的代码
ctrl+shift+ up/down 行移动,上下移动句子
Alt+回车 导入包,自动修正
Ctrl+Alt+O 优化导入的类和包
Alt+Insert 生成代码(如get,set方法,构造函数等)
Ctrl+E或者Alt+Shift+C 最近更改的代码
Ctrl+Shift+Space 自动补全代码
Ctrl+空格 代码提示
Ctrl+Alt+Space 类名或接口名提示
Ctrl+P 方法参数提示
Ctrl+Shift+Alt+N 查找类中的方法或变量
Alt+Shift+C 对比最近修改的代码
Shift+F6 重构-重命名
Ctrl+Shift+先上键
Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/…/ ）
Ctrl+J 自动代码
Ctrl+E 最近打开的文件
Ctrl+H 显示类结构图
Ctrl+Q 显示注释文档
Alt+F1 查找代码所在位置
Alt+1 快速打开或隐藏工程面板
Ctrl+Alt+ left/right 返回至上次浏览的位置
Alt+ left/right 切换代码视图
Alt+ Up/Down 在方法间快速移动定位
Ctrl+Shift+Up/Down 代码向上/下移动。
F2 或Shift+F2 高亮错误或警告快速定位
代码标签输入完成后，按Tab，生成代码。
选中文本，按Ctrl+Shift+F7 ，高亮显示所有该文本，按Esc高亮消失。
Ctrl+W 选中代码，连续按会有其他效果
选中文本，按Alt+F3 ，逐个往下查找相同文本，并高亮显示。
Ctrl+Up/Down 光标跳转到第一行或最后一行下
ctrl + F12: 可以显示当前文件的结构
ctrl + j: 输出模板
ctrl + b: 跳到变量申明处
ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)
ctrl + []: 匹配 {}[]
ctrl + shift + ]/[: 选中块代码
ctrl + shift + i : 显示当前CSS选择器或者JS函数的详细信息
