CSS选择器的4个选项。它们都不适合我

时间:2017-05-09 13:06:54

标签: html css

我收到了以下多项选择题:

  
      
  1. 哪个CSS选择器适用于名为“red”的ID中的所有div标签:
  2.         

    一个。红蓝色

         

    B中。 div #red

         

    ℃。红色div

         

    d。 $ red div

我不确定哪一个有效,所以首先我做了一些谷歌搜索,并阅读了W3Schools的相关文章,但我仍然看不到使用上面列出的任何一种风格的例子。

所以我尝试在标题中编写一个带有CCS样式元素的html文档,并尝试了所有给出的4个答案。然而,它们似乎都不适合我。

<!DOCTYPE html>
<html>
<head>
    <style>
        red blue {
            border: 1px solid red;
        }
    </style>
</head>
<body>
    <div id="red">
        <p>Hello world!</p>
    </div>
</body>
</html>

A的上述代码没有边框。当第5行更改为div #red {,然后red div {,然后$red div时,仍然没有显示边框。

我是傻瓜吗?还是有拼写错误?任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:3)

你确定B)选项是div(空格)#red吗?因为正确答案是div#red(注意,没有空格)。所以,如果B)选项是“div(space)#red”那么答案中会出现拼写错误,是的

编辑:我的不好,我把这个问题读作“用ID叫做红色”,而不是“在ID红色内”。在这种情况下,正确的答案是“#red div”