<!DOCTYPE html> <html> <head> <title>CSS选择器练习题</title> <link rel="stylesheet" href="./外部样式表.css"> </head> <body> <div class="container"> <h1>主标题</h1> <ul class="list"> <li>项目1</li> <li>项目2</li> <li>项目3</li> </ul> <p class="text">这是一个段落。</p> <div class="box">盒子1</div> <div class="box">盒子2</div> </div> <p class="text">另一个在容器外的段落。</p> </body> </html> <!-- 用外部样式 --> <!-- 选取主标题(<h1>)将颜色改成粉色。 选取所有列表项(<li>)。 选取第一个列表项。背景颜色改为红 选取最后一个列表项。背景颜色改为绿 选取容器内带有"class"为"text"的段落。 选取容器内的第一个盒子。 选取所有带有"class"为"text"的元素(无论其在容器内还是容器外)。 -->
时间: 2023-11-16 14:50:13 浏览: 42
您好!根据您提供的 HTML 代码,以下是对应的 CSS 选择器练习题的答案:
1. 选取主标题(<h1>)将颜色改成粉色:
```css
h1 {
color: pink;
}
```
2. 选取所有列表项(<li>):
```css
li {
/* 样式 */
}
```
3. 选取第一个列表项。背景颜色改为红:
```css
li:first-child {
background-color: red;
}
```
4. 选取最后一个列表项。背景颜色改为绿:
```css
li:last-child {
background-color: green;
}
```
5. 选取容器内带有"class"为"text"的段落:
```css
.container .text {
/* 样式 */
}
```
6. 选取容器内的第一个盒子:
```css
.container .box:first-child {
/* 样式 */
}
```
7. 选取所有带有"class"为"text"的元素(无论其在容器内还是容器外):
```css
.text {
/* 样式 */
}
```
请注意,上述 CSS 选择器的样式部分需要根据具体要求进行填写。
相关问题
<!DOCTYPE html></!DOCTYPE> <html> <head> <title>绿叶学习网</title> </head> <body> <p>绿叶学习网</p> </body> </html>哪里错了
在给出的HTML代码中,有两个地方出现了错误:
1. 第一行的`<!DOCTYPE html></!DOCTYPE>`是错误的。正确的写法是`<!DOCTYPE html>`,用于声明文档类型为HTML。
2. 第二行的`</!DOCTYPE>`也是错误的。正确的写法是`</html>`,用于闭合HTML标签。
修正后的代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>绿叶学习网</title>
</head>
<body>
<p>绿叶学习网</p>
</body>
</html>
```
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 绿叶学习网; </body> </html>哪里错了
根据你提供的代码,我发现以下几个问题:
1. 缺少`<!DOCTYPE html>`声明,这个声明告诉浏览器使用哪个HTML版本来解析页面。
2. 缺少`<title>`标签,这个标签用于定义网页的标题,显示在浏览器的标题栏或标签页上。
3. 缺少`<body>`标签内的内容,这个标签用于定义网页的主体内容,可以在其中添加文本、图片、链接等元素。
修正后的代码如下所示:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>绿叶学习网</title>
</head>
<body>
绿叶学习网
</body>
</html>
```