Question

我刚开始学习HTML，我在ID /类中遇到ID /类问题。

因此，据我所知，ID由＃指定。这意味着如果我想在ID和ID中设置ID，那不会是：

#ID1 #ID2 {
    ...
}

这意味着样式只适用于ID1内的ID2？如果我错了，请纠正我。当我在我的（非常简单的初学者）代码中使用相同的原则时，它不起作用。这是我的代码：

<!DOCTYPE html>
<html>

<head>
    <title>1 May 2016</title>
    <style>
       #name {
           color: blue;
           font-family: Tahoma;
       }

       #parafont #1 {
           font-family: Arial;
       }

       #parafont #2 {
           font-family: Times;
       }

       #parafont #3 {
           font-family: Courier;
       }

       parafont #4 {
           font-family: Lucida Grande;
       }

       #parafont #5 {
           font-family: Helvetica;
       }

       #test1 #6 {
           color: blue;
       }
    </style>
</head>

<body>
    <h3 id="name">Bob Bobbington</h3>
    <p>1 2 3 4 5 6 7 8 9 10</p>
    <p>When was this website created? Check the <b>title</b>.</p>
    <h3>All animals are quite interesting...</h3>
    <p id="parafont">
        <span id="1">This is a test paragraph.</span>
        <span id="2">Each sentence should have a different font.</span>
        <span id="3">This paragraph is going to use some styling.</span>
        <span id="4">Styling will change the font of each sentence.</span>
        <span id="5">Let's see whether it works!</span>
    </p>
    <div id="test1">
        <p id="6">Test</p>
    </div>
</body>

</html>

非常感谢所有帮助！

Answer 1

将ID号1更改为以字母开头的内容。

ID和NAME令牌必须以字母（[A-Za-z]）开头，可能是后跟任意数量的字母，数字（[0-9]），连字符（＆＃34; - ＆＃34;），下划线（＆＃34; _＆＃34;），冒号（＆＃34;：＆＃34;）和句号（＆＃34;。＆＃34;）。

Answer 2

ID首先不能以数字开头。此外，由于ID是特定的，因此使用嵌套来选择元素是多余的。 #id＃id2与＃id2相同，只要使用更具体的#id＃id2

初学者代码：ID中的HTML样式ID不起作用

2 个答案: