CSS中 前面带#的style和普通的带.的style有啥区别？

来源：百度知道 编辑：UC知道 时间：2024/06/15 19:25:47
.trackback {width:100%; padding:8px 0; background:#F9FCFE; border-bottom:#666666 1px solid}

#noComment {width:500; line-height:30px; border:#a5cdff 1px dashed; margin:0; padding-left:8px}

例如这个的下面那个

一楼的说的有个问题是
id选择器并不是在html页面中只能使用一次
你喜欢的话可以把多个标签设置为同一个id
而影响的是其他的问题很多，给你个例子吧
比如你在页面里添加 锚<a>
咱们先添加2个锚点 本来应该这么写<a name="t1" /> <a name="t2" />
咱们现在把name改成id，效果是一样的 那么就变为<a id="t1" /> <a id="t2" />
接下来咱们把两个锚的id都设置为t1 <a id="t1" /> <a id="t1" />
然后添加个连接来跳到锚点处<a href="#t1" />这是跳至t1处的 那么咱们结合css里的id选择器的话 问题就出来了 你#t1的样式设定锚点的样式 这没问题 两个锚点都是用同样的样式
但是你得链接呢 跳到哪个锚点呢 所以这个问题很关键 id的针对性就这么体现出来了 建议是用类选择器 class 在css中 .

#是id选择选择器
.的是类选择器
就那你上面例子来说
选#的就要这样选<p id="noComment">
选.的就这样<p class="trackback">
这样才能运用上相对应的style

id选择器只能在html页面使用一次，针对性更强