（二）CSS基础选择器有哪些？怎样使用？

CSS基础选择器主要包括以下几种：

1. **元素选择器**：直接指定元素名称，如`.box`，表示所有class为"box"的元素；`#id`，表示ID为特定值的元素，如`#header`。
2. **类型选择器**：使用`input[type="text"]`匹配所有type属性为"text"的input元素。
3. **ID选择器**：通过`#idName`选取页面上唯一标识的元素。
4. **类选择器**：通过`.`连接类名，如`.red-text`选取所有class为"red-text"的元素。
5. **通配符选择器**：`*`表示任何元素，常用来作为通用样式的基础。
6. **后代选择器**：`element > descendant`选取元素内的某个后代元素，例如`ul li`选取所有ul下的li元素。
7. **相邻兄弟选择器**：`element + sibling`选取紧跟在元素后面的同辈元素，如`:last-child`选取某个元素的最后一个子元素。
8. **通用兄弟选择器**：`element ~ sibling`选取元素之后的所有同辈元素。

使用方法是将选择器放在CSS规则前，然后跟上冒号(:)，接着是需要应用样式的属性和值，例如：

/* 选择所有class为'highlight'的p元素 */
.p.highlight {
  background-color: yellow;
}

/* 选择id为'id1'的div内的所有a元素 */
#id1 a {
  color: blue;
}

相关问题

css基础选择器有哪些请写出css基础选择器

CSS基础选择器主要包括以下几种：

1. **元素选择器**: 通过HTML元素的标签名来选取元素，如 `p` 代表段落，`h1` 代表一级标题等。

   p {
       color: red;
   }

2. **ID选择器**: 使用 `#` 后跟唯一的标识符来选中指定的一个元素，如 `#header`。

   #header {
       background-color: blue;
   }

3. **类选择器**: 使用 `.` 后跟类名来选取一组具有相同类别的元素，如 `.menu-item`。

   .menu-item {
       font-weight: bold;
   }

4. **属性选择器**: 根据元素的某些属性值来选择元素，如 `[href]` 选取所有有 `href` 属性的元素。

   a[href*="example.com"] {
       text-decoration: underline;
   }

5. **伪类选择器**: 用于选取特定状态下的元素，如`:hover` 表示鼠标悬停时的状态，`:active` 表示元素被点击时的状态。

   a:hover {
       color: green;
   }

6. **后代选择器**: 用于选取一个元素的所有后代，如 `div p` 选取所有的段落元素，它们位于某个 div 元素内。

div p {
margin-bottom: 10px;
}

7. **相邻兄弟选择器** 和 **通用兄弟选择器**: `+` 和 `~` 分别表示紧跟其后的兄弟元素和任意同辈元素。

button + p {
display: none; /* 隐藏紧接按钮后的段落 */
}

8. **伪元素选择器**: 如 `::before` 和 `::after` 可以添加内容到元素内部或外部。

   a::before {
       content: "[";
   }

WEB网站HTML＋CSS＋JS网站技术点有哪些？

HTML、CSS和JavaScript是构建网页的三大核心技术：

1. HTML (Hypertext Markup Language)：它是网页的基础，负责网页的结构和内容呈现。HTML使用标签来定义文档的不同部分，如标题、段落、链接、图像等。它的主要元素包括 `<div>`、`<p>`、`<a>`、`<img>` 等。

2. CSS (Cascading Style Sheets)：CSS用于控制网页的样式，包括字体、颜色、布局、间距等。它可以将设计与内容分离，使网站更具可维护性和响应式设计。CSS通过选择器（如`div`, `.class`, `#id`）来应用样式，并可以使用盒模型、浮动、定位等属性布局元素。

3. JavaScript: 这是客户端脚本语言，赋予网页动态交互能力。JavaScript可以处理用户输入验证、页面元素的操作（如改变样式、添加/删除内容）、异步数据请求（如AJAX）、创建复杂的交互效果等。现代Web开发中，JavaScript常常与框架（如React、Vue、Angular）或库（如jQuery）结合使用，提升开发效率。

相关问题：
1. HTML和CSS的主要区别是什么？
2. 在响应式设计中，CSS的作用是什么？
3. JavaScript能实现哪些高级功能，举例说明？