.xxxxx 意思就是对象是 class=xxxxx
#xxxxx 意思就是对象是 id=xxxxx
LZ 所说的标签 HTML <h1>或者 <p>等等,在 CSS 语法当中的确是可以省略的
不过喜欢的话仍然可以写成
p.xxxxx 意思就是对象是 <p>而且 class=xxxxx
h1#xxxxx 意思就是对象是 <h1>而且 id=xxxxx
写上 HTML 标签只是增加条件而己,而没有写明对象标签,你就可以使用同样的 class 对应到任何一种 HTML 标签上面去
例如如果想 <p><h1>和 <a>使用同样的 xxxxx 样式,就可以省略标签,在 CSS 里面写成
.xxxxx { .... }
而 HTML 里面就把 p、h1 和 a 都填上 class=xxxxx 就可以了
这样明白吗?
.是选择符啊,表示对应的选择器。.表示是类选择器,就是class
#表示ID选择器
还有标签选择器和行内样式。
,只是一个标点,和前面的内容隔开。
下面代码中:#id_selector的意思是如果"id"等于id_selector时,这个标签的样式遵循 #id_selector后面的括号内的css样式,即“ID选择器”(本例为:边框为2像素的黑色实线)。
.class_selector的意思是如果"class"等于class_selector时,这个标签的样式遵循.class_selector后面括号内的css样式,即"类选择器"(本例为:背景色为绿色)。
下面代码中的第三个文本输入框,既有ID选择器又有类选择器,所有他有以上两种样式。
复制下面代码到你的<body>标签内,你就可以看到现象
<style type="text/css">
/*Css Code*/
#id_selector{ border: 2px solid #000000}
.class_selector{ background-color: green}
</style>
<!--HTML code-->
<input id="id_selector" type="text" value="这是ID选择器"><br/>
<input class="class_selector" type="text" value="这是类选择器">
<input id="id_selector" class="class_selector" type="text" value="两个样式都用了">