在过去的几天里，我一直在学习 CSS，并且一直想知道在声明标头时.或时有什么不同。#例子：
.test
{
some stuff here
}
#test
{
Some stuff here
}
.和之间的主要区别是#什么？
问问题
1031 次
9 回答
2
#是一个 ID 选择器。.是一个类选择器。这就像将精密镊子与铲子进行比较。
页面上只能有一个具有给定 ID 的元素，因此#选择器的优先级比类高得多。
于 2013-03-06T04:02:12.853 回答
1
.-> this 指的是一个类的 css，它为在该名称中设置了类的元素指定 css。
多个元素可以有同一个类
例如
<div class='xyz'></div>
<div class='xyz'></div>
<div class='xyz'></div>
通过写作
.xyz
{
width:100px;
height:100px;
}
我们可以为所有这些 div 设置共同的宽度高度
#指 ID ID 是唯一
的 html 页面中只有一个元素可以有一个 ID，
例如，它用于应用与一个特定元素有关的 css 属性
<div id="div1" class='xyz'></div>
<div id="div2" class='xyz'></div>
<div class='xyz'></div>
通过写作
.xyz
{
width:100px;
height:100px;
}
#div1
{
width:200px;
}
我们将 div1 的宽度设为 200！CSS 属性的#优先级高于.
> 即
#css 将覆盖.Css
看看这个例子 jsfiddle http://jsfiddle.net/rbyKx/
于 2013-03-06T04:10:06.937 回答
0
.是class和#是id
ID 是唯一的
每个元素只能有一个 ID
每个页面只能有一个具有该 ID 的元素
类不是唯一的
您可以在多个元素上使用相同的类。
您可以在同一个元素上使用多个类。
所以这就是主要的区别
你可以举个 BAR CODE 和 SERIAL NUMBER 的例子
产品 {class} 的条形码相同，并且产品 {id} 的每个实例的序列号都不同
于 2013-03-06T04:01:59.500 回答
0
.test {...}选择指定类的元素。#test {...}选择具有指定 ID 的元素。（给定 ID 的元素不应超过一个）
于 2013-03-06T04:02:03.970 回答
0
.test 将应用于包含类 test 的元素，#test 将应用于包含 id test 的元素
于 2013-03-06T04:03:20.703 回答
0
这一般适用于 CSS，并不特定于 CSS3。
使用 a#将按属性选择 HTML 元素id（注意ids 在页面上必须是唯一的）。
使用 a.将按属性选择 HTML 元素class，并将选择其类列表包含 CSS 中指定的类的元素。
CSS 选择器还有一个优先“分数”来确定哪些规则胜过其他规则。由于ids 是唯一的，因此它们的得分远高于class选择器，因此将具有更高的优先级。
您可以在此处阅读有关 CSS 选择器的更多信息。
于 2013-03-06T04:03:37.307 回答
0
好吧，这只是普通的 CSS 而不是 CSS3。
.test表示以任何具有类的元素为目标，例如 test
<div class="test">I am targeted</div>
<div class="testnot">I am not targeted</div>
#test表示以具有id的元素为目标，例如 test
<div id="test">I am targeted</div>
<div id="testnot">I am not targeted</div>
ID 必须是唯一的，许多元素可以包含相同的类。
于 2013-03-06T04:03:54.323 回答
0
这.是用于类和#用于ID。
所以
您在 rule 中定义的样式.test { }将适用于class _ test _ 的任何元素，例如：
<div class="test"></div>
您在 rule 中定义的样式#test { }将应用于将test作为id的元素。例如：
<div id="test"></div>
于 2013-03-06T04:04:10.763 回答
0
点用于类，哈希 (#) 用于 ID。类被定义为对各种节元素进行样式设置，并且可以多次使用。
ID 基本上用于定义页面的特定部分。它们只能使用一次。
类示例如果我想设置页面上每个段落的字体大小，您可以使用 classes 执行以下操作：
p.font-size{
font-size:12px;
}
Id 示例：如果我必须更改特定 para 的字体大小，我可以使用以下方式：
#Size {
font-size:10px;
}
而不是以这种方式在 html 中使用它
<p id="Size">your para</p>
这里的 id 将覆盖 css 类中定义的任何样式
于 2013-03-06T04:10:14.657 回答