Question

我在括号和全部大写中写下了我在作业指导中困惑的事情。

这是我的家庭作业指示：

在＆＃34; main.css＆＃34;的第一行。文件创建一个注释＆＃34; general＆＃34;。根据该评论写下以下内容使用通用选择器将所有元素的边距和填充设置为零。我们这样做是为了消除浏览器添加的所有默认边距和填充。从模板页面（在课程网站上）添加css行，该页面将一些选择器分组并将它们全部设置为＆＃34;显示块＆＃34;。跳过一行并写一条注释＆＃34; wrapper＆＃34;。根据该评论写一个css id＆＃34; wrapper＆＃34;并添加以下属性。给它一个1024px的宽度给它一个margin属性，值为0和auto（margin：0 auto自动将页面置于浏览器窗口中心。我们必须有一个宽度，以允许它显示它居中。）跳过一行并写一条注释＆＃34; main＆＃34;。在主元素的左下角附近放置1px solid＃000的边框。（如果我正确地删除了这部分，则不确定^）在主元素中添加10px的填充。我们添加了一个填充，因此内容不会与主元素的边缘对接使用上下文选择器选择分区元素中的所有图像，其ID为＆＃34;图像＆＃34;并将每个图像高度设置为90px，宽度为120px，图像周围的边距为20px。我们正在使用CSS来调整图像大小。（不确定如何写一个上下文的选择器选择所有带有DIV元素的图像，其ID为＆＃34;图像＆＃34;）

这是我创建的，但不确定它是否正确：

/* general */
Using the universal selector set the margin and padding to zero for all elements. We are doing this to eliminate all the default margin and padding that the browsers add.

*{margin: 0; padding: 0;}

article, aside, figure, footer, header, main, menu, nav, section {display: block;}

<style>
/* wrapper */
#wrapper {width: 1024px; margin: 0 auto; }

/* main */
main{border-left: solid 1px #000; border-bottom: solid 1px #000; border-right: solid 1px #000; padding: 10px; }



div images, #images {height: 90px; width: 120px; margin: 20px; }
</style>

Answer 1

你的作业中的措辞非常差，但我相信你正在寻找的是定位DIV中包含ID为images的所有元素。这将是：

div #images {
  height: 90px;
  width: 120px;
  margin: 20px;
}

这将针对任何DIV中ID为images的任何元素，即使它们之间存在元素（例如<div><span><img id="images"></span></div>）。请注意，您还可以使用>定位直接后代。 div > #images将定位<div><img id="images"></div>，但不 <div><span><img id="images"></span></div>。

请注意，页面上具有相同ID的多个元素是无效标记，并且页面无法正确验证。如果您的老师意味着在多个不同的网页上有一个名为#images的元素，那么唯一的情况是有效的。您应该使用类来定位同一页面上的多个元素。您的老师可能会让您使用一个类div .images。

至于你的边框，你已经正确完成了，但请注意你可以用速记border一次设置所有四个边框：

main {
  border: solid 1px #000;
  padding: 10px;
}

另外，请记住，您的第二行也应该在注释中，否则会引发语法错误：

/*Using the universal selector set the margin and padding to zero for all elements. We are doing this to eliminate all the default margin and padding that the browsers add.*/

希望这有帮助！：）

Answer 2

您好我会尽力回答这个问题，我只是一名编程学生，所以这是我最好的拍摄：）

首先，id必须是唯一的，你不能在同一页面上有两个相同的id。

如果你有等等

<div id="test"></div>
<div id="test"></div>

你尝试将它设置为#test {background-color：red}，只有最后一个div实际上会有红色背景。

但基本上这就是他想要的：

/*--GENERAL--*/

    *{
    margin:0;
    padding: 0;
    }

/*--WRAPPER--*/
#wrapper{
width: 1024px;
margin: 0 auto;
}

/*--MAIN--*/
main{
border-left: 1px solid #000;
padding: 10px;
}

div #images img{
height: 90px;
width: 120px;
margin: 20px;
}

contextual selector

的示例

我希望这能帮助您完成编程之旅！：）

我不确定我是否正确编写了这个CSS。

2 个答案: