Skip to content

Commit

Permalink
[zh-cn] sync translated content (#16303)
Browse files Browse the repository at this point in the history
Co-authored-by: Allo <[email protected]>
  • Loading branch information
mdn-bot and yin1999 authored Oct 8, 2023
1 parent c56c57d commit ec3c277
Show file tree
Hide file tree
Showing 10 changed files with 61 additions and 59 deletions.
10 changes: 6 additions & 4 deletions files/zh-cn/_redirects.txt
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
/zh-CN/docs/CSS/@document /zh-CN/docs/Web/CSS/@document
/zh-CN/docs/CSS/@font-face /zh-CN/docs/Web/CSS/@font-face
/zh-CN/docs/CSS/@supports /zh-CN/docs/Web/CSS/@supports
/zh-CN/docs/CSS/Adjacent_sibling_selectors /zh-CN/docs/Web/CSS/Adjacent_sibling_combinator
/zh-CN/docs/CSS/Adjacent_sibling_selectors /zh-CN/docs/Web/CSS/Next-sibling_combinator
/zh-CN/docs/CSS/At-rule /zh-CN/docs/Web/CSS/At-rule
/zh-CN/docs/CSS/Attribute_selectors /zh-CN/docs/Web/CSS/Attribute_selectors
/zh-CN/docs/CSS/Block_formatting_context /zh-CN/docs/Web/Guide/CSS/Block_formatting_context
Expand All @@ -36,7 +36,7 @@
/zh-CN/docs/CSS/Comments /zh-CN/docs/Web/CSS/Comments
/zh-CN/docs/CSS/Common_CSS_Questions /zh-CN/docs/Learn/CSS/Howto/CSS_FAQ
/zh-CN/docs/CSS/Descendant_selectors /zh-CN/docs/Web/CSS/Descendant_combinator
/zh-CN/docs/CSS/General_sibling_selectors /zh-CN/docs/Web/CSS/General_sibling_combinator
/zh-CN/docs/CSS/General_sibling_selectors /zh-CN/docs/Web/CSS/Subsequent-sibling_combinator
/zh-CN/docs/CSS/Getting_Started/Content /zh-CN/docs/Learn/CSS/Howto/Generated_content
/zh-CN/docs/CSS/ID_selectors /zh-CN/docs/Web/CSS/ID_selectors
/zh-CN/docs/CSS/Media /zh-CN/docs/Web/API/CSSMediaRule
Expand Down Expand Up @@ -2015,7 +2015,8 @@
/zh-CN/docs/Web/CSS/:host() /zh-CN/docs/Web/CSS/:host_function
/zh-CN/docs/Web/CSS/:matches /zh-CN/docs/Web/CSS/:is
/zh-CN/docs/Web/CSS/@viewport /zh-CN/docs/Web/CSS
/zh-CN/docs/Web/CSS/Adjacent_sibling_selectors /zh-CN/docs/Web/CSS/Adjacent_sibling_combinator
/zh-CN/docs/Web/CSS/Adjacent_sibling_combinator /zh-CN/docs/Web/CSS/Next-sibling_combinator
/zh-CN/docs/Web/CSS/Adjacent_sibling_selectors /zh-CN/docs/Web/CSS/Next-sibling_combinator
/zh-CN/docs/Web/CSS/All_About_The_Containing_Block /zh-CN/docs/Web/CSS/Containing_block
/zh-CN/docs/Web/CSS/Block_formatting_context /zh-CN/docs/Web/Guide/CSS/Block_formatting_context
/zh-CN/docs/Web/CSS/CSS3中的关键帧 /zh-CN/docs/Web/CSS/@keyframes
Expand Down Expand Up @@ -2078,7 +2079,8 @@
/zh-CN/docs/Web/CSS/Child_selectors /zh-CN/docs/Web/CSS/Child_combinator
/zh-CN/docs/Web/CSS/Common_CSS_Questions /zh-CN/docs/Learn/CSS/Howto/CSS_FAQ
/zh-CN/docs/Web/CSS/Descendant_selectors /zh-CN/docs/Web/CSS/Descendant_combinator
/zh-CN/docs/Web/CSS/General_sibling_selectors /zh-CN/docs/Web/CSS/General_sibling_combinator
/zh-CN/docs/Web/CSS/General_sibling_combinator /zh-CN/docs/Web/CSS/Subsequent-sibling_combinator
/zh-CN/docs/Web/CSS/General_sibling_selectors /zh-CN/docs/Web/CSS/Subsequent-sibling_combinator
/zh-CN/docs/Web/CSS/Layout_cookbook/卡片 /zh-CN/docs/Web/CSS/Layout_cookbook/Card
/zh-CN/docs/Web/CSS/Layout_cookbook/媒体对象 /zh-CN/docs/Web/CSS/Layout_cookbook/Media_objects
/zh-CN/docs/Web/CSS/Media_Queries /zh-CN/docs/Web/CSS/CSS_media_queries
Expand Down
52 changes: 26 additions & 26 deletions files/zh-cn/_wikihistory.json
Original file line number Diff line number Diff line change
Expand Up @@ -17221,20 +17221,6 @@
"ziyunfei"
]
},
"Web/CSS/Adjacent_sibling_combinator": {
"modified": "2020-10-15T21:22:13.249Z",
"contributors": [
"peterbe",
"XiangHongAi",
"tss1006",
"ExE-Boss",
"zhangqiangoffice",
"Ricardo-Ke",
"fscholz",
"teoli",
"alimon"
]
},
"Web/CSS/Alternative_style_sheets": {
"modified": "2020-10-15T22:30:11.278Z",
"contributors": ["14725"]
Expand Down Expand Up @@ -17989,18 +17975,6 @@
"alimon"
]
},
"Web/CSS/General_sibling_combinator": {
"modified": "2020-10-15T21:22:20.373Z",
"contributors": [
"Shiner",
"XiangHongAi",
"ExE-Boss",
"xlaoyu",
"fscholz",
"teoli",
"alimon"
]
},
"Web/CSS/ID_selectors": {
"modified": "2020-10-15T21:22:13.845Z",
"contributors": [
Expand Down Expand Up @@ -18067,6 +18041,20 @@
"modified": "2019-03-23T22:27:53.945Z",
"contributors": ["wh1msy", "xgqfrms-GitHub", "xgqfrms"]
},
"Web/CSS/Next-sibling_combinator": {
"modified": "2020-10-15T21:22:13.249Z",
"contributors": [
"peterbe",
"XiangHongAi",
"tss1006",
"ExE-Boss",
"zhangqiangoffice",
"Ricardo-Ke",
"fscholz",
"teoli",
"alimon"
]
},
"Web/CSS/Privacy_and_the_:visited_selector": {
"modified": "2019-03-23T23:07:40.024Z",
"contributors": ["tiansh", "599316527"]
Expand Down Expand Up @@ -18187,6 +18175,18 @@
"alimon"
]
},
"Web/CSS/Subsequent-sibling_combinator": {
"modified": "2020-10-15T21:22:20.373Z",
"contributors": [
"Shiner",
"XiangHongAi",
"ExE-Boss",
"xlaoyu",
"fscholz",
"teoli",
"alimon"
]
},
"Web/CSS/Syntax": {
"modified": "2020-01-08T04:59:07.628Z",
"contributors": [
Expand Down
4 changes: 2 additions & 2 deletions files/zh-cn/glossary/css_selector/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,8 +75,8 @@ div.warning {

- 关系选择器

- [邻近兄弟元素选择器](/zh-CN/docs/Web/CSS/Adjacent_sibling_combinator) `A + B`
- [兄弟元素选择器](/zh-CN/docs/Web/CSS/General_sibling_combinator) `A ~ B`
- [接续兄弟选择器](/zh-CN/docs/Web/CSS/Next-sibling_combinator) `A + B`
- [后续兄弟选择器](/zh-CN/docs/Web/CSS/Subsequent-sibling_combinator) `A ~ B`
- [直接子元素选择器](/zh-CN/docs/Web/CSS/Child_combinator) `A > B`
- [后代元素选择器](/zh-CN/docs/Web/CSS/Descendant_combinator) `A B`

Expand Down
4 changes: 2 additions & 2 deletions files/zh-cn/web/css/_colon_has/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@ h1:has(+ h2) {

{{EmbedLiveSample('与兄弟组合器一起使用', 600, 150)}}

该示例并排显示了两个相似的文本,以进行比较:左侧的带有 `H1` 标题,并紧跟一个段落,而右侧的带有 `H1` 标题,并紧跟一个 `H2` 标题和一个段落。该示例的右侧,`:has()` 可以帮助选择 `H1` 元素后紧跟的 `H2` 元素(由兄弟选择器 [`+`](/zh-CN/docs/Web/CSS/Adjacent_sibling_combinator) 指示),并通过 CSS 规则来减少此类 `H1` 元素后的间距。若没有 `:has()` 伪类,你就无法使用 CSS 选择器来选择具有不同类型的前一个兄弟元素或父元素。
该示例并排显示了两个相似的文本,以进行比较:左侧的带有 `H1` 标题,并紧跟一个段落,而右侧的带有 `H1` 标题,并紧跟一个 `H2` 标题和一个段落。该示例的右侧,`:has()` 可以帮助选择 `H1` 元素后紧跟的 `H2` 元素(由兄弟选择器 [`+`](/zh-CN/docs/Web/CSS/Next-sibling_combinator) 指示),并通过 CSS 规则来减少此类 `H1` 元素后的间距。若没有 `:has()` 伪类,你就无法使用 CSS 选择器来选择具有不同类型的前一个兄弟元素或父元素。

### :is() 伪类一起使用

Expand Down Expand Up @@ -173,7 +173,7 @@ h3 {

{{EmbedLiveSample('与 :is() 伪类一起使用', 600, 170)}}

这里,第一个 [`:is()`](/zh-CN/docs/Web/CSS/:is) 伪类用于选择列表中的任何标题元素。第二个 `:is()` 伪类用于将相邻的兄弟选择器的列表作为参数传递给 `:has()``:has()` 伪类用于选择任何一个紧跟 `H2``H3``H4``H1``H2``H3` 元素(使用 [`+`](/zh-CN/docs/Web/CSS/Adjacent_sibling_combinator) 指示),并使用 CSS 规则来减少此类 `H1``H2``H3` 元素后的间距。
这里,第一个 [`:is()`](/zh-CN/docs/Web/CSS/:is) 伪类用于选择列表中的任何标题元素。第二个 `:is()` 伪类用于将相邻的兄弟选择器的列表作为参数传递给 `:has()``:has()` 伪类用于选择任何一个紧跟 `H2``H3``H4``H1``H2``H3` 元素(使用 [`+`](/zh-CN/docs/Web/CSS/Next-sibling_combinator) 指示),并使用 CSS 规则来减少此类 `H1``H2``H3` 元素后的间距。

这个选择器也可以写作:

Expand Down
2 changes: 1 addition & 1 deletion files/zh-cn/web/css/_colon_invalid/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@ input:required:invalid {

### 展示分阶段的表单部分

在这个例子中,我们使用 `:invalid` 以及[通用兄弟选择器](/zh-CN/docs/Web/CSS/General_sibling_combinator)`~`)来分阶段地展示一个表单,使得表单最初只显示第一个完成的项目,当用户完成每一个项目时,表单会显示下一个项目。当整个表单完成后,用户可以提交它。
在这个例子中,我们使用 `:invalid` 以及[后续兄弟选择器](/zh-CN/docs/Web/CSS/Subsequent-sibling_combinator)`~`)来分阶段地展示一个表单,使得表单最初只显示第一个完成的项目,当用户完成每一个项目时,表单会显示下一个项目。当整个表单完成后,用户可以提交它。

#### HTML

Expand Down
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
---
title: 相邻兄弟组合器
slug: Web/CSS/Adjacent_sibling_combinator
title: 接续兄弟组合器
slug: Web/CSS/Next-sibling_combinator
---

{{CSSRef("Selectors")}}

**相邻兄弟选择器** (`+`) 介于两个选择器之间,当第二个元素*紧跟在*第一个元素之后,并且两个元素都是属于同一个父 {{DOMxRef("element")}} 的子元素,则第二个元素将被选中。
**接续兄弟选择器**`+`介于两个选择器之间,当第二个元素*紧跟在*第一个元素之后,并且两个元素都是属于同一个父{{DOMxRef("element", "元素", "", 1)}}的子元素,则第二个元素将被选中。

```css
/* 图片后面紧跟着的段落将被选中 */
Expand Down Expand Up @@ -54,4 +54,4 @@ li:first-of-type + li {

## 参见

- [通用兄弟组合器](/zh-CN/docs/Web/CSS/General_sibling_combinator)
- [后续兄弟组合器](/zh-CN/docs/Web/CSS/Subsequent-sibling_combinator)
4 changes: 2 additions & 2 deletions files/zh-cn/web/css/reference/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -78,9 +78,9 @@ div.menu-bar li:hover > ul {

组合选择器是在两个或多个简单选择器之间建立关系的选择器,例如“`A``B` 的子代”或“`A``B` 相邻”,它们构成了比较复杂的选择器。

- [相邻兄弟选择器](/zh-CN/docs/Web/CSS/Adjacent_sibling_combinator) `A + B`
- [接续兄弟选择器](/zh-CN/docs/Web/CSS/Next-sibling_combinator) `A + B`
- : 指定 `A``B` 选择的元素具有相同的父元素,并且 `B` 选择的元素在水平方向上紧随 `A` 选择的元素。
- [普通兄弟选择器](/zh-CN/docs/Web/CSS/General_sibling_combinator) `A ~ B`
- [后续兄弟选择器](/zh-CN/docs/Web/CSS/Subsequent-sibling_combinator) `A ~ B`
- : 指定由 `A``B` 选择的元素共享相同的父元素,并指定 `A` 选择的元素在 `B` 选择的元素之前(但不一定紧接在 `B` 之前)。
- [子选择器](/zh-CN/docs/Web/CSS/Child_combinator) `A > B`
- : 指定 `B` 选择的元素是 `A` 选择的元素的直接子元素。
Expand Down
12 changes: 6 additions & 6 deletions files/zh-cn/web/css/specificity/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ slug: Web/CSS/Specificity

{{CSSRef}}

浏览器通过**优先级**来判断哪些属性值与一个元素最为相关,从而在该元素上应用这些属性值。优先级是基于不同种类[选择器](/zh-CN/CSS/CSS_Reference#Selectors)组成的匹配规则。
浏览器通过**优先级**来判断哪些属性值与一个元素最为相关,从而在该元素上应用这些属性值。优先级是基于不同种类[选择器](/zh-CN/docs/Web/CSS/Reference#选择器)组成的匹配规则。

## 优先级是如何计算的?

Expand All @@ -15,21 +15,21 @@ slug: Web/CSS/Specificity

当同一个元素有多个声明的时候,优先级才会有意义。因为每一个直接作用于元素的 CSS 规则总是会接管/覆盖(take over)该元素从祖先元素继承而来的规则。

> **备注:** 文档树中元素的接近度([Proximity of elements](/zh-CN/docs/Web/CSS/Specificity#%E6%97%A0%E8%A7%86DOM%E6%A0%91%E4%B8%AD%E7%9A%84%E8%B7%9D%E7%A6%BB)对优先级没有影响。
> **备注:** 文档树中[元素的接近度](#无视_dom_树中的距离)对优先级没有影响。
### 选择器类型

下面列表中,选择器类型的优先级是递增的:

1. [类型选择器](/zh-CN/docs/Web/CSS/Type_selectors)(例如,`h1`)和伪元素(例如,`::before`
2. [类选择器](/zh-CN/docs/Web/CSS/Class_selectors) (例如,`.example`),属性选择器(例如,`[type="radio"]`)和伪类(例如,`:hover`
2. [类选择器](/zh-CN/docs/Web/CSS/Class_selectors)例如,`.example`,属性选择器(例如,`[type="radio"]`)和伪类(例如,`:hover`
3. [ID 选择器](/zh-CN/docs/Web/CSS/ID_selectors)(例如,`#example`)。

**通配选择符**(universal selector)({{CSSxRef("Universal_selectors", "*")}})**关系选择符**combinators)({{CSSxRef("Adjacent_sibling_combinator", "+")}}, {{CSSxRef("Child_combinator", "&gt;")}}, {{CSSxRef("General_sibling_combinator", "~")}}, [" "](/zh-CN/docs/Web/CSS/Descendant_combinator), {{CSSxRef("Column_combinator", "||")}})和 **否定伪类**(negation pseudo-class)({{CSSxRef(":not", ":not()")}})对优先级没有影响。(但是,在 `:not()` 内部声明的选择器会影响优先级)。
**通配选择器**(universal selector)({{CSSxRef("Universal_selectors", "*")}})**关系选择器**combinator)({{CSSxRef("Next-sibling_combinator", "+")}}{{CSSxRef("Child_combinator", "&gt;")}}{{CSSxRef("Subsequent-sibling_combinator", "~")}}[" "](/zh-CN/docs/Web/CSS/Descendant_combinator){{CSSxRef("Column_combinator", "||")}})和 **否定伪类**(negation pseudo-class)({{CSSxRef(":not", ":not()")}})对优先级没有影响。(但是,在 `:not()` 内部声明的选择器会影响优先级)。

你可以访问 ["Specificity" in "Cascade and inheritance"](/zh-CN/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance#Specificity_2) 或者 [https://specifishity.com](https://specifishity.com/) 来了解更多关于优先级的详细信息。
你可以访问[层叠与继承中的“优先级”](/zh-CN/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance#优先级_2)或者 [https://specifishity.com](https://specifishity.com/) 来了解更多关于优先级的详细信息。

给元素添加的**内联样式** (例如,`style="font-weight:bold"`) 总会覆盖外部样式表的任何样式,因此可看作是具有最高的优先级。
给元素添加的**内联样式**例如,`style="font-weight:bold"`总会覆盖外部样式表的任何样式,因此可看作是具有最高的优先级。

### `!important` 例外规则

Expand Down
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
---
title: 通用兄弟选择器
slug: Web/CSS/General_sibling_combinator
title: 后续兄弟选择器
slug: Web/CSS/Subsequent-sibling_combinator
---

{{CSSRef}}

**通用兄弟选择器**`~`)将两个选择器分开,并匹配第二个选择器的*所有迭代元素*,位置无须紧邻于第一个元素,只须有相同的父级{{Glossary("element", "元素")}}。
**后续兄弟选择器**`~`)将两个选择器分开,并匹配第二个选择器的*所有迭代元素*,位置无须紧邻于第一个元素,只须有相同的父级{{Glossary("element", "元素")}}。

```css
/* 在任意图像后的兄弟段落 */
Expand Down Expand Up @@ -59,4 +59,4 @@ p ~ span {

## 参见

- [相邻兄弟选择器](/zh-CN/docs/Web/CSS/Adjacent_sibling_combinator)
- [接续兄弟选择器](/zh-CN/docs/Web/CSS/Next-sibling_combinator)
16 changes: 8 additions & 8 deletions files/zh-cn/web/xpath/comparison_with_css_selectors/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,11 @@ slug: Web/XPath/Comparison_with_CSS_selectors

本文旨在记录 CSS 选择器和 XPath 之间的区别,以便 Web 开发人员能够更好地为正确的工作选择合适的工具。

| [XPath 特性](/zh-CN/docs/Web/XPath) | [CSS 等价形式](/zh-CN/docs/Web/CSS/CSS_selectors) |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------- |
| [`ancestor`](/zh-CN/docs/Web/XPath/Axes#ancestor)[`parent`](/zh-CN/docs/Web/XPath/Axes#parent)[`preceding-sibling`](/zh-CN/docs/Web/XPath/Axes#preceding-sibling)| {{CSSxRef(":has",":has()")}} 选择器 {{experimental_inline}} |
| [`attribute`](/zh-CN/docs/Web/XPath/Axes#ancestor)| [属性选择器](/zh-CN/docs/Web/CSS/Attribute_selectors) |
| [`child`](/zh-CN/docs/Web/XPath/Axes#child)| [子代组合器](/zh-CN/docs/Web/CSS/Child_combinator) |
| [`descendant`](/zh-CN/docs/Web/XPath/Axes#descendant)| [后代组合器](/zh-CN/docs/Web/CSS/Descendant_combinator) |
| [`following-sibling`](/zh-CN/docs/Web/XPath/Axes#following-sibling)| [通用兄弟组合器](/zh-CN/docs/Web/CSS/General_sibling_combinator)[相邻兄弟组合器](/zh-CN/docs/Web/CSS/Adjacent_sibling_combinator) |
| [`self`](/zh-CN/docs/Web/XPath/Axes#self)| {{CSSxRef(":scope")}} 或 {{CSSxRef(":host")}} 选择器 |
| [XPath 特性](/zh-CN/docs/Web/XPath) | [CSS 等价形式](/zh-CN/docs/Web/CSS/CSS_selectors) |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| [`ancestor`](/zh-CN/docs/Web/XPath/Axes#ancestor)[`parent`](/zh-CN/docs/Web/XPath/Axes#parent)[`preceding-sibling`](/zh-CN/docs/Web/XPath/Axes#preceding-sibling)| {{CSSxRef(":has",":has()")}} 选择器 {{experimental_inline}} |
| [`attribute`](/zh-CN/docs/Web/XPath/Axes#ancestor)| [属性选择器](/zh-CN/docs/Web/CSS/Attribute_selectors) |
| [`child`](/zh-CN/docs/Web/XPath/Axes#child)| [子代组合器](/zh-CN/docs/Web/CSS/Child_combinator) |
| [`descendant`](/zh-CN/docs/Web/XPath/Axes#descendant)| [后代组合器](/zh-CN/docs/Web/CSS/Descendant_combinator) |
| [`following-sibling`](/zh-CN/docs/Web/XPath/Axes#following-sibling)| [后续兄弟组合器](/zh-CN/docs/Web/CSS/Subsequent-sibling_combinator)[接续兄弟组合器](/zh-CN/docs/Web/CSS/Next-sibling_combinator) |
| [`self`](/zh-CN/docs/Web/XPath/Axes#self)| {{CSSxRef(":scope")}} 或 {{CSSxRef(":host")}} 选择器 |

0 comments on commit ec3c277

Please sign in to comment.