Question

在HTML中有像

这样的属性

<input class="new" type="text" name="title" id="title2" />

在CSS中我看到了

.something { ... }
#something { ... }

id= name= .something #something用于什么？

Answer 1

ID：DOM元素的唯一标识符
名称：提交用作数据检索密钥的表单时使用的名称
#something：引用ID为'something'的元素
.something：引用classname'something'

这些是HTML和CSS的一些真正的基本概念。您可能希望阅读basic HTML tutorial以了解有关该主题的更多信息，尤其是attributes section。

Id和类名主要用于使用CSS设置样式元素并使用JavaScript向其添加行为。 例如：

<强> HTML：

<button id="foo">Click me to unleash the Unicorn</button>

<强> CSS：

#foo { 
    border: 1px solid #ff0000; 
    font-weight: bold; 
    background: #000; 
    color: #fff; 
}

<强> JavaScript的：

document.getElementById('foo').onclick = function() {
    var img = document.createElement('img');
    img.src = 'http://display.ubercomments.com/6/23672.jpg';
    document.getElementsByTagName('body')[0].appendChild(img);
};

See also, this beautiful example (Unicorn included).

Answer 2

id属性是DOM中元素的唯一标识符。它的独特之处在于，您不能在文档中包含多个具有此ID的元素。

使用#something完成基于ID的元素样式。

name属性只是此元素的非唯一名称。这在表单中最常用作获取POST'或GET到服务器端语言的名称。

.something是任何元素上class=属性的样式选择器。

例如，您可以使用以下3种方式中的任何一种设置以下元素：<div class="testclass" name="testname" id="testid"></div>：

.testclass {
    background-color: black;
}

#testid {
    background-color: black;
}

div[name="testname"] {
    background-color: black;
}

请记住，类和名称都是 NOT 唯一，因此它们可用于设置样式并定义多个元素。

Answer 3

.something 是一个类， #something 是一个ID。 Name =属性通常用于表单，通常不用于CSS。换句话说，以下代码：

<body class="thisisaclass">
<div id='thisisanid'></div>
<div class='thisisanotherclass'></div>
</body>

会产生如下所示的CSS：

.thisisaclass {..Code..}
.thisisaclass #thisisanid {..Code..}
.thisisanotherclass {...code...}

类用于重复内容，例如，如果您想在页面的多个区域中使用相同类型的文本格式 - 而ids只应在html代码中出现一次。

查看HTMLDog了解详情，这是一个很好的开始：）

Answer 4

id="something"表示ID。你只能拥有一次。它的CSS引用是#something。此外，通过在地址末尾使用#something，您可以直接将浏览器移动到该ID，而无需使用JS。
name=。使用PHP，您可以使用$_REQUEST['title']检查该值。在其他编程语言中，还有一些方法可以获得该值。
.something是CSS中的类。它用于使用class="something"

Answer 5

类是多选择器，例如，如果您希望许多表具有相同的颜色，背景颜色和字体等。您将定义类。在这些表中，如果特定表以不同方式设置样式，则将使用id。 ID不能重复。您可以将同一个类分配给所需的对象。

<style type="text/css">
.MyTable{
background-color:#ff00ff;
}
#centralTable{
background:color:red;
}
</style>

<div class="MyTable">Data </div>
<div class="MyTable"> </div>
<div class="MyTable" id ="centralTable"> Data</div>
<div class="MyTable"> Data</div>
<div class="MyTable">Data </div>

请记住，在层叠样式表中，类后跟句点（.）和Ids（#）。

什么是id = name = .something #something？

5 个答案: