css中元素#id-name和#id-name之间的区别

Question

在CSS中，同一元素的元素#id-name和#id-name之间的区别是什么。由于id是唯一的，为什么在使用之前会给出两个表单。例如：div＃para和#para之间的区别。

Answer 1

element#id-name更强大＆＃34;比#id-name更多，如果对一个元素有多个引用，则应用于元素

的结果越强

请参阅小提琴http://jsfiddle.net/kJrCT/

Answer 2

div#para仅适用于ID为＃34; para＆＃34;的div，而#para适用于具有该ID的所有元素类型。考虑一下这样一个事实：在另一个页面上你可以有一个带有id＆＃34; para＆＃34;的跨度。您可以使用div#para仅设置div的样式，span#para仅设置样式的样式，并#para将css样式应用于整个网站的所有#para元素。

根据所查看的页面，您可能希望对不同的元素使用相同的ID有多种原因。此外，或多或少具体会影响所应用样式的优先级。

Answer 3

在您的情况下，两者完全相同。它们指的是相同的元素。

它只是为了可读性，所以看@c的人可以知道哪个元素的id为“para”。

但通常当您同时将同一[generic]类应用于多个元素时，这很有用，并且您只想引用具有该类的一个特定元素。

例如：

.pull-left{
   float:left;
}

//这适用于具有此类的所有元素

这可以赋予'p'或'div'或任何元素。但是如果你想用拉左类来引用 div ，那么你可以使用

div.pull-left   /// refers only to the <div>'s having class pull-left

Answer 4

您可以在多个页面上使用相同的css，如果您使用相同的id-name但使用不同的元素，则可以使用一些常用规则。

示例：

#title{
    color: red;
}

h2#title{
    font-size: 16pt;
}

h1#title{
    font-size: 22pt;
}

因此，你的标题为id-name的h1将为红色，大小为22pt，你的h2与id-name（在其他页面上）也将是红色，但是大小为16pt。