＃和。有什么区别？与CSS？

用#和.用CSS有什么区别？＃和。有什么区别？与CSS？

#main 
{ 
    background-color: #fff; 
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ 
} 


.main 
{ 
    background-color: #fff; 
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ 
}

来源

2009-09-05 leora

'＃' 表示ID。 '。'是类。

所以.. <tagname id="main">和<tagname class="main"> ....

希望帮助。

来源

2009-09-05 13:40:35 AAA

'＃'符号代表一个html元素的id。它用于：

<div id='main'>...</div>

'。'符号代表一个html元素的类。这是为：

<div class='main'>...</div>

来源

2009-09-05 13:42:08 Sinan

类（.my_class_name）可以是在同一页中出现多次，同时一个id（#my_id_name）是唯一的。

来源

2009-09-05 13:43:04 collimarco

'＃'代表使用一个id和。代表一个班级。正如你所知道的，你不能在HTML中复制ID，所以如果你想用相同的样式来表示多个项目，你可以使用类。

来源

2009-09-05 13:43:38

＃自动应用于元件用相同的id CSS

#id1 {some style}

HTML

<div id="id1"> <-- automatically applied here...

CSS

.Dot1 {} 
DIV.Dot2 {}

DIV.Dot2一个仅可应用于与类DIV“ Dot2“如果任何其他元素试图使用Dot2它将无法正常工作

HTML

<div class="Dot1"> <-- only applies when you give class..

。不会自动应用，您必须在要应用它们的每个元素的“class”属性中使用它。

来源

2009-09-05 13:47:45

从the HTML 4 spec：

id属性一个独特标识符分配给一个元素。

id属性有几个角色在HTML：

作为一个样式表选择。

作为超文本链接的目标锚。

作为从脚本引用特定元素的手段。

作为声明的OBJECT元素的名称。

对于通用处理用户代理（例如，用于在从HTML 页面提取数据到数据库中时识别
字段，将
HTML文档翻译成其他格式，
等）。

另一方面，class属性将一个或多个类名称分配给一个元素;该元素可以说属于这些类别。类名可以由多个元素实例共享。类属性在HTML几种作用：

作为样式表选择器（当作者希望信息分配样式一组元素）。

用于用户代理的通用处理。

来源

2009-09-05 13:55:06 Gavrisimo

#的指示ID selector，所述.一个class selector。 IDs must be unique in a document（因此只有一个元素具有一个特定ID），而class可以包含多个元素，并且元素可以处于多个类中。

所以#main将选择的一个元素的ID main是同时.main会选择那些在类main所有元素。除此之外，两个选择器都有不同的specificity，它们会影响CSS属性应用于元素或覆盖现有属性的顺序。

来源

2009-09-05 14:05:49 Gumbo

#与一个id名称一起用于在必须是唯一的html页面中为它写入css。

.与类名一起使用，用于为它编写可在html页面的任何位置使用的css。

例::

<div id="container"> 
    <div class="container"> 
     <div class="container"> 
      Foo thing 
     </div> 
    </div> 
</div>

而其如下

#container, .container { 
    position: relative; 
    margin: 20px 50px; 
    ...... 
    ......... 
}

CSS或单独的如下

#container { 
    position: relative; 
    margin: 20px 50px; 
    ...... 
    ......... 
} 

.container { 
    position: relative; 
    margin: 20px 50px; 
    ...... 
    ......... 
}

来源

2013-12-04 07:51:20

＃和。有什么区别？与CSS？

回答

相关问题