为了账号安全,请及时绑定邮箱和手机立即绑定

看其他回答都说是ID选择器不同名可以使用多次,但是上述代码中字体颜色和大小命名是不同的啊?

ID选择器使用次数

正在回答

7 回答

突然蹦出来的回答问题(⊙﹏⊙)b,我也看不到你上面说的代码,我就和你说说id选择器吧,这个选择器没有使用次数这一说法的,该用就用!还有就是以后要习惯为元素设置class属性,并使用class选择器,Id这个属性除了比用的用途以外(比如表单中的label标签的for属性就需要有对应Id,忘记了可以回去看一下啊),都是要留给添加JS脚本时用的。

0 回复 有任何疑惑可以回复我~
#1

油泼裤带面 提问者

对于一个目标,ID选择器是不是不能使用多次,比如说对于上述“三年级”ID选择器只可以使它改变颜色或者大小,不能同时改变其颜色和大小?
2016-05-30 回复 有任何疑惑可以回复我~
#2

魔法师学徒虎伢

刚恢复你就看到了楼上的回复,误导新人,你自己也可以去网络上查查资料,我是查过的,id选择器在CSS中可以无限次的被使用,在HTML代码中,元素的id是惟一的,每个ID的属性值只能被使用一次!
2016-05-30 回复 有任何疑惑可以回复我~

为什么我设置了相同的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>

http://img1.sycdn.imooc.com//597ffb1100017fc712990601.jpg

0 回复 有任何疑惑可以回复我~

哈哈,才看明白你的问题,这里我给你回答一下啊:你还是没有了解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样式!

0 回复 有任何疑惑可以回复我~

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不会改变

1 回复 有任何疑惑可以回复我~
#1

油泼裤带面 提问者

那么为什么将font-size:30px加上#A{}后面的字体大小不会改变呢?ID选择器这两个名字是不一样的
2016-05-30 回复 有任何疑惑可以回复我~
#2

qq_帅灬無道er丨_0 回复 油泼裤带面 提问者

不同名不是使用多次 而是每个id名只能在文中出现一次,不管样式是否是不同还是id名不同 如: #A{ 样式 } #B{ 样式 } a为字体颜色b为字体大小 <p id="A B">1</p> <p id="A">2</p> <p id="B">3</p> 改变样式的是1 颜色也变了 大小也变了 2和3不会改变 如果id名重复只会识别最先用的
2016-05-30 回复 有任何疑惑可以回复我~
#3

qq_帅灬無道er丨_0 回复 油泼裤带面 提问者

<p id="A">1</p> <p id="A B">2</p> <p id="B">3</p> 这里就是1的颜色变了 2的字体大小变了 第一个id选择A是第一次出现 应用 到第二个id选择了A和B 因为A出现过了样式就不会应用 也就是冲突 但B是第一次 所以应用B 不应用A 这把懂么 不懂俺在给你细讲0.0
2016-05-30 回复 有任何疑惑可以回复我~
#4

油泼裤带面 提问者 回复 qq_帅灬無道er丨_0

<style type="text/css"> #stressid{ color:red; } #bigsizeid{ font-size:25px; } </style> 文本中说这样设置后文中的字体和大小是不会改变的 我也试过了 确实不会改变?这是为什么呢?
2016-05-30 回复 有任何疑惑可以回复我~
#5

qq_帅灬無道er丨_0 回复 油泼裤带面 提问者

。。。。。 靠 我才懂这个意思 真没试过 文本的意思是说id选择器不能多用 只能单独引用,我原来还真没仔细看。刚才试了 确实 设置两个id单独使用好使 而一起引用就什么样式都没有 我之前说的全是错误的理论 抱歉了0.0
2016-05-30 回复 有任何疑惑可以回复我~
#6

油泼裤带面 提问者 回复 qq_帅灬無道er丨_0

。。。 没事 谢了
2016-05-30 回复 有任何疑惑可以回复我~
#7

qq_帅灬無道er丨_0 回复 油泼裤带面 提问者

还有一个要注意 就是id有同名的了应用到下一个样式也会生效 #myid{ color:red; } <p id="myid">12</p> <p id="myid">34</p> 12和34都会是红色 但js调用会出问题 等学到js你可以试试 所以最好不要这样用 多用class
2016-05-30 回复 有任何疑惑可以回复我~
#8

油泼裤带面 提问者 回复 qq_帅灬無道er丨_0

ok 感谢
2016-05-30 回复 有任何疑惑可以回复我~
查看5条回复

这里的评论有很多都是错误的,真正有问题就去网上自己查!

0 回复 有任何疑惑可以回复我~
#1

油泼裤带面 提问者

对于同一个目标,ID选择器是不是只能改变其中一种属性?比如字体的颜色和大小,ID选择器无法实现这两种属性同时改变?还有就是类选择器和ID选择器对于表格是不是无法实现改变?
2016-05-30 回复 有任何疑惑可以回复我~

ID选择器每次只可以使用一次

0 回复 有任何疑惑可以回复我~

不同可以使用多次

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

看其他回答都说是ID选择器不同名可以使用多次,但是上述代码中字体颜色和大小命名是不同的啊?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信