CSS样式表中.,#,各有什么含义
3个回答
展开全部
下面代码中:
#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="两个样式都用了">
#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="两个样式都用了">
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询