id属性在用于选择元素时不起作用？

-6

出于某种原因，当我使用的#1700，#1800，#1900和#today的id属性我HTML文件中针对特定的元素和改变自己的颜色，他们仍然黑色而不是红色这就是我想要的他们是。到目前为止，我试图将目标元素的颜色更改为红色无法正常工作。id属性在用于选择元素时不起作用？

谁能告诉我我做错了什么？

这里是我的代码：

<html> 
 
    <head> 
 
    <style> 
 
    
 
    #1700, #1800, #1900, #today { 
 
    color: Red; 
 
    font-family:anton, sans-serif; 
 
    font-size:38px; 
 
    width: 73px; 
 
    } 
 
    
 
    #1800 { 
 
    left: 414px; 
 
    position: absolute; 
 
    top: 7px; 
 
     
 
    } 
 
    </style> 
 
    </head> 
 
    <body> 
 
    
 
    <img src="file:///Users/leonvladimirov/Desktop/PM.png" alt=“Menu” style="width: 835px; position: absolute; top: 113px; left: 289px; height: 60px;"> 
 
    
 
    <h2 id=“1700”>1700</h2> 
 
    <h2 id=“1800”>1800</h2> 
 
    <h2 id=“1900”>1900</h2> 
 
    <h2 id=“today”>today</h2>

来源

2017-04-25 Leon Vladimirov

第一件事是要摆脱那些印刷报价'的“'和定期提供者'代替他们“' – Filburt

谢谢你的建议，但这种不幸的是，不解决问题。 –

这就是为什么我发表评论而不是回答 – Filburt

ID属性必须以字母开头（[A-ZA-Z]），并且可以是，接着任意数量的字母，数字（[0-9]），连字符（“ - ”），下划线（“_”），冒号（“：”）和句点（“。”）。

所以，从本质上讲，你的CSS不工作，因为id属性你给是不有效。

来源

2017-04-25 20:49:31

在你的文章中显示你更新的CSS，**但是**不要覆盖旧的文章，只是在它下面添加新的代码。 –

这并没有解决它。 –

@LeonVladimirov检查帖子，我刚刚编辑它，它按预期工作。但不要忘记更改'＃1800'的'id'属性。 –

的id不能以数字开头，尝试不同的ID：https://css-tricks.com/ids-cannot-start-with-a-number/

来源

2017-04-25 20:55:31 philmassa

@Leon弗拉基米罗夫 - 也许你可以重命名（如果可能的话）你的1700，1800，1900的ID的东西以字母开头，这使得情境意义。也许，也许：

<h2 id="century-1700">1700</h2> 
<h2 id="century-1800">1800</h2> 
<h2 id="century-1900">1900</h2> 
<h2 id="today">today</h2>

来源

2017-04-25 20:58:11 TCharb

修好了！谢谢，你救了我！）） –

@Leon Vladimirov - 很好听！不是问题:)偶然，你会介意接受答案，以便每个人都可以看到问题得到解决吗？谢谢！ – TCharb

id属性在用于选择元素时不起作用？

回答

相关问题