css基本操作，简单选择器，复杂选择器

CSS（层叠样式表）是一种用来为网页添加样式的语言。在CSS中，选择器是用来指定HTML元素应该如何被样式化的规则。基本选择器主要包括元素选择器、类选择器、ID选择器和通用选择器，而复杂选择器可以是组合选择器，如组合器、子选择器、相邻选择器、伪类选择器等。

以下是一些CSS基本操作的示例代码：

/* 元素选择器 */
p {
  color: blue;
}
 
/* 类选择器 */
.my-class {
  font-size: 16px;
}
 
/* ID选择器 */
#my-id {
  background-color: yellow;
}
 
/* 通用选择器 */
* {
  margin: 0;
  padding: 0;
}
 
/* 组合选择器 */
div p {
  font-weight: bold;
}
 
/* 子选择器 */
div > p {
  color: red;
}
 
/* 相邻选择器 */
p + div {
  border: 1px solid black;
}
 
/* 伪类选择器 */
a:hover {
  text-decoration: underline;
}

在这个例子中，我们定义了不同的选择器来指定如何显示HTML文档中的不同元素。例如，p { color: blue; } 表示所有段落文本将显示为蓝色。类选择器、ID选择器和通用选择器用于设置全局样式。组合选择器、子选择器、相邻选择器和伪类选择器提供了更多的定位和样式化机会。