标记选择器、类别选择器、ID选择器
一、标记选择器:
就是“O 标签(重新定义。。。。)”
标记选择器是必须使用HTML的标签作为选择器的名称,也就是说“(2)当选中第二个时候,名称框中必须是下拉列表框中的内容” ,是的。
格式:标记名称{属性:值;属性:值;}
例子:
<head>
<style type="text/css">
p{color:red
font-size:25px
}
</style>
</head>
<body>
<p>标记选择器</p>
</body>
二、类别选择器:
就是“O 类(可应用于任何标签)”
也叫class选择器,可以自定义选择器的名称,其中class为自定义的名称。
格式: .class{属性:值;属性:值;}
例子:
<head>
<style type="text/css">
.one{color:red
font-size:25px
}
.two{color:blue
font-size:20px
}
.three{color:green
font-size:15px
}
</style>
<body>
<p class="one">class选择器1</p>
<p class="two">class选择器2</p>
<p class="three">class选择器3</p>
<p class="three">class选择器4</p>
</body>
三、ID选择器:
就是”O 高级 (ID、伪类。。。。)“
用法基本和class选择器相同,也可以自定义选择器名称,其中ID为自定义的名称。不同的是:ID选择器不允许一个ID同时出现在两个标签中,而class选择器则相反。
格式:#ID{属性:值;属性:值;}
例子:
<head>
<style type="text/css">
#one{color:red
font-size:25px
}
#two{color:blue
font-size:20px
}
#three{color:green
font-size:15px
}
</style>
<body>
<p id="one">class选择器1</p>
<p id="two">class选择器2</p>
<p id="three">class选择器3</p>
<p id="three">class选择器4</p>
</body>
也就是说上面两个<p>标签中,同时出现了两个ID名称,为”three“,这在ID选择器中是不允许出现的。
以上是我的回答,至于什么时候用哪种选择器,这是可以灵活运用,没有特定的该用哪个选择器。
jsp引用js和css文件,引用失败的原因大部分是由于路径问题导致,一般有相对路径和绝对路径两种引用方式:1、相对路径引用js和css的方法:
css:
<link href="css/front/ibd.css" rel="stylesheet" type="text/css" />
js:
<script type="text/javascript" src="js/front/poplayer.js"></script>
前提是js和css跟jsp在同一个目录下
2、绝对应用js和css的方法:
css:
<link href="http://域名:端口/工程名css/front/ibd.css" rel="stylesheet" type="text/css" />
js:
<script type="text/javascript" src="http://域名:端口/工程名/js/front/poplayer.js"></script>
检查以上两种方法是否引用正确。