油泼裤带面
2016-05-30 10:36
ID选择器使用次数
突然蹦出来的回答问题(⊙﹏⊙)b,我也看不到你上面说的代码,我就和你说说id选择器吧,这个选择器没有使用次数这一说法的,该用就用!还有就是以后要习惯为元素设置class属性,并使用class选择器,Id这个属性除了比用的用途以外(比如表单中的label标签的for属性就需要有对应Id,忘记了可以回去看一下啊),都是要留给添加JS脚本时用的。
为什么我设置了相同的id,样式都可以出来的 ?
<html>
<head>
<style type="text/css">
#mostImportant {color:red; background:yellow;}
</style>
</head>
<body>
<h1 id="mostImportant">This is important!</h1>
<p>This is a <em id="mostImportant">paragraph</em>.</p>
<p>This is a <em id="mostImportant">paragraph</em>.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>...</p>
</body>
</html>
哈哈,才看明白你的问题,这里我给你回答一下啊:你还是没有了解CSS的代码结构啊,这CSS的代码,要放在<style>标签对内,其形式是这样的:选择器{声明}。重点来咯:这里面的声明,就是你所说的什么字体颜色啊大小神马的,这里你要理解,选择器是选择器,声明是声明!选择器只是一种选择的手段,(也就是说你选取要改变的标签的手段!)而声明则是你要改变的内容,这个内容可以包含无数多,我给你打一段代码帮助你理解:
#慕粉3410181
{
font-size:30px;
font-family:帅哥;
color:blue;
background-color:purplr;
border:3px solid orange';
}
好啦,这段代码的意思我和你说一下,我用ID选择器选择了你,然后对你进行CSS样式操作,首先设定你的字体大小为:30px,然后设置你的字体类型为:帅哥;字体颜色为:蓝色;整体背景颜色为:紫色;最后,加了一个边框线:宽为3Px 的橘黄色实体线条!
这回该理解了吧!还有就是id和class两个属性是全局属性(所有的标签都可以拥有的属性!)id就是元素的身份证号,和人似的,每人都有一个没问题吧?!class就是把各种元素分类,就像人一样,所有的人可以进行分类对吧?!所以,你想改变table表格的CSS样式,不关选择器的事情,也就是说,只要你的声明(也就是属性值)用对了,就可以改变表格的CSS样式!
id选择器每个名字只能在body中用一次,如果出现重名只使用第一个
如:<head>
其他的省略
<style>
#myid{
color:red;
font-size:30px;
}
</style>
</head>
<body>
<p id="myid">111111</p>
<p id="myid">222222</p>
</body>
这段代码就是内容为1那个文本会变成红色30像素,但2不会改变
这里的评论有很多都是错误的,真正有问题就去网上自己查!
ID选择器每次只可以使用一次
不同可以使用多次
初识HTML(5)+CSS(3)-升级版
1227742 学习 · 18250 问题
相似问题