CSS中的特殊符号

html-css013

CSS中的特殊符号,第1张

嗯,你应该说的是高级选择器,你说的那个是子对像选择符:

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

/>