body>p{color:#f00}
*{color:#00f}/*通配符*/
a[title]{color:#0f0}
或
a[title="1213"]{color:#ff0}
像上面用中括号的是“属性选择符”
如下面的：
<a
href="#">这里不显示颜色</a>
<a
href="#"
title="567">这里的颜色为#0f0</a>
<a
href="#"
title="1213">这里的颜色为#ff0</a>
body+p{color:#f00}/*相邻选择符*/
<body>
<p>这里显示的颜色为#f00</p>
<div><p>这里显示的颜色为浏览器默认颜色</p></div>
</body>
其它的一般的选择符就不说了。
css中，. #区别：1、.是使用class引用的，多个控件可以同时使用一个class，一个控件上也可以使用多个class，比如：
.tdRed{border:solid 1px red}
.tdBKBlue{background-color:blue}
<td class="tdRed" />
<td class="tdRed tdBKBule"/>
而ID是在一个页面中唯一的，class表示泛性的，id表示个性的，所有的按钮都是一个颜色的，
.normalButton{background-color:blueborder:solid 0px black}
对于提交按钮会要做的大一点。
2、#submit{width:100pxheight:100px}
按钮就是：
<input type="button" id="submit" class="normalButton" value="提交" />
普通的按钮就是：
<input type="button" id="abcdefg" class="normalButton" value="普通按钮" />
不写是标签名，talbe,tr,td,div,a......“.”是classname，<div class="abc"></div>
"#"是ID，<div id="abc"></div>
“@”这个我还真没见过，是不是调用？求解！
classname和ID可以随便写，但是要遵循命名规范
标签名，考虑到浏览器兼容问题，还是不建议自定义
