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="普通按钮"
/>