css的挑选器有哪些,css官网进口
1. 元素挑选器:挑选HTML文档中的一切指定元素。例如,`h1` 挑选一切 `` 元素。2. 类挑选器:挑选具有指定类名的元素。类名由一个点(`.`)和一个或多个字母、数字、下划线或连字符组成。例如,`.myclass` 挑选一切类名为 `myclass` 的元素。3. ID挑选器:挑选具有指定ID的元素。ID由一个井号(``)和一个或多个字母、数字、下划线或连字符组成。例如,`myid` 挑选ID为 `myid` 的元素。4. 子孙挑选器:挑选指定元素的子孙元素。例如,`ul li` 挑选一切 `` 元素的 `` 子孙元素。5. 子挑选器:挑选指定元素的直接子元素。例如,`ul > li` 挑选一切直接子元素为 `` 的 `` 元素。6. 相邻兄弟挑选器:挑选紧接在指定元素后的相邻兄弟元素。例如,`h1 p` 挑选紧接在 `` 元素后的 `` 元素。7. 通用兄弟挑选器:挑选指定元素后的一切兄弟元素。例如,`h1 ~ p` 挑选一切在 `` 元素后的 `` 兄弟元素。8. 特点挑选器:挑选具有指定特点的元素。例如,`` 挑选一切 `href` 特点值为 `http://example.com` 的元素。9. 伪类挑选器:挑选特定状况的元素。例如,`:hover` 挑选鼠标悬停时的元素,`:visited` 挑选已拜访的链接。10. 伪元素挑选器:挑选元素的一部分。例如,`:firstletter` 挑选元素的第一个字母,`:before` 在元素内容之前刺进内容。11. 组合挑选器:运用逗号(`,`)分隔的挑选器列表。例如,`h1, h2, h3` 挑选一切 ``、`` 和 `` 元素。
这些挑选器能够独自运用,也能够组合运用,以创立更杂乱的挑选规矩。
CSS 挑选器全解析:把握网页款式操控的要害
```css
color: blue;
font-size: 16px;
类挑选器
类挑选器简介
类挑选器经过元素的`class`特点来挑选元素。它答应你为具有相同类名的元素设置相同的款式。例如,以下代码将设置一切具有`.my-class`类的元素的布景色彩为黄色:
```css
.my-class {
background-color: yellow;
ID挑选器
ID挑选器简介
ID挑选器是针对具有仅有`id`特点的元素。每个元素的`id`应该是仅有的,因而ID挑选器能够精确地挑选特定的元素。以下代码将设置ID为`my-id`的元素的边框为赤色:
```css
my-id {
border: 1px solid red;
特点挑选器
特点挑选器简介
- 挑选一切具有`href`特点的元素:
```css
[href] {
color: orange;
```
- 挑选一切特点`type`以\