1、通配选择符（ * ）：匹配任意元素。
2、id选择符（ # myid）：匹配 ID 等于“myid”的任意元素 。
3、类选择符（.myclassname）：匹配 class 等于“myclassname”的任意元素.
4、标签选择符（div, h1, p）：选择指定元素名称的所有元素。
5、相邻选择符（E + F）：用于选择（不是内部）指定的第一个元素之后紧跟的元素。
6、子选择符（E > F）：用于选取带有特定父元素的元素，例ul > li，选择所有父级是 <ul> 元素的每个 <li> 元素。（学习视频分享：css视频教程）
7、后代选择符（E F）：用于选取元素内部的元素。
8、伪类和伪元素选择符：用于向某些选择器添加特殊的效果。
@ css选择器项目符号图像是什么？
css样式属性list-style-image ：设定列表项目符号的自定义图像。其值是一个引用图像的URL路径。
url ( url ) —— 使用绝对或相对 url 地址指定图像。
@ css怎样选择不同的div？
看看是不是你要的 <style type="text/css"> .warp .content{ background-color: #ccc; height: 30px; } .warp .content:first-child{ background-color: #000; } </style> <div> <div>1</div> <div>2</div> <div>3</div> </div> css没有同级选择的。只需要换个思路就行了。 一般来说，动态调整css都是使用js来做。
@ 总是不知道哪个元素要多少像素？
不要用什么可视化工具，建议用文本类编辑工具，比如notepad++，直接写代码，比如：
然后在CSS文件里定义.wrapper的尺寸，颜色。.wrapper{width:300px;height:100px;background:red;} 尺寸、颜色不合适，可以借用浏览器的开发者工具，比如火狐开发者工具有尺子，浏览器上画一下，就能知道你想要的尺寸；或者定位元素就能知道尺寸；颜色也一样，火狐组件中有很多取色扩展，比如“ColorZilla”，点击浏览器中任意位置，就能取到颜色代码…
