組合器是選擇器的另一個基本組成部分.它是分隔兩個復合選擇器的符號或標記，在其位置建立由兩個復合選擇器表示的兩個元素之間的關(guān)系.目前有四種組合器在使用:

A combinator is another fundamental component of selectors. It is a symbol or token that separates two compound selectors, establishing in its place a relationship between the two elements represented by the two compound selectors. There are currently four combinators in use today:

• 后代組合子:

• Descendant combinator:

article p

子組合子:

Child combinator:

/* 
 * The extra spaces in between are whitespace,
 * and are therefore insignificant.
 */
ul > li

相鄰兄弟組合子:

Adjacent sibling combinator:

header + section

通用兄弟組合子:

General sibling combinator:

h2 ~ p

復合選擇器的主題是它的最后一個或唯一的復合選擇器，表示將被匹配或設(shè)置樣式的元素.在上面的例子中，選擇器的主題是 li.

The subject of a complex selector is its last, or only, compound selector, representing the element that will be matched or styled. In the above example, the subject of the selector is li.

術(shù)語 selector 已被概括，因此為了簡單明了，它現(xiàn)在可以指代以下任何一個，以及它指的是哪個to 在任何給定時刻都應該從上下文中收集:

The term selector has been generalized, so it may now refer to any of the following for the purposes of simplicity and brevity, and which one it's referring to at any given moment should be gleaned from context:

• 簡單的選擇器
• 復合選擇器
• 復雜選擇器
• 選擇器列表(例如樣式規(guī)則的選擇器"組件)

一些個人筆記:

• 術(shù)語鍵選擇器"是瀏覽器供應商創(chuàng)造的，用于選擇器實現(xiàn)，并不是一個官方術(shù)語.然而，它通常用于表示選擇器的主題"，因為實現(xiàn)碰巧使用選擇器的主題作為確定匹配的關(guān)鍵.

• The term "key selector" was coined by browser vendors for use with selector implementations, and is not an official term. It is often used to mean "subject of the selector" however, because implementations happen to use the subject of the selector as the key for the purposes of determining matches.

pseudo-selector"這個詞是作者為了混合偽類和偽元素而創(chuàng)造的，它不是一個官方的，也不是真正有意義的術(shù)語.盡管您可以在一些早期的 W3C CSS2/3 草案中找到它，但這可能是一個錯誤.請不要使用這個詞，因為它不必要地創(chuàng)建試圖將兩個完全不同的概念歸為一個總稱來混淆.

The term "pseudo-selector" was coined by authors to mix pseudo-classes and pseudo-elements, and is not an official, or indeed meaningful, term. Although you can find it in some early-stage W3C CSS2/3 drafts, that was probably a mistake. Please don't use this term, as it needlessly creates confusion by attempting to group two completely different concepts into a single umbrella term.

偽元素(::pseudo-element)不是簡單的選擇器，因此不能出現(xiàn)在只能匹配實際元素的地方.但是，出于 CSS 解析的目的，它們?nèi)员灰暈檫x擇器，并且如上所述，目前可以出現(xiàn)在列表中任何復雜選擇器的末尾(即，在每個復雜選擇器的最后一個或唯一一個復合選擇器的末尾).

Pseudo-elements (::pseudo-element) are not simple selectors, and therefore cannot appear in places where only actual elements may be matched. However, they are still considered selectors for the purposes of CSS parsing, and as stated above currently can appear at the end of any complex selector in a list (i.e. at the end of the last, or only, compound selector of each complex selector).

在 CSS 中，一個典型的樣式規(guī)則(以前稱為規(guī)則集")由一個選擇器和一個聲明塊組成.

In CSS, a typical style rule (formerly "ruleset") consists of a selector and a declaration block.

命名空間前綴本身不是選擇器，但它們可以應用于類型選擇器、通用選擇器和屬性選擇器，以匹配文檔中已(或未)命名空間的組件.

Namespace prefixes are not selectors in their own right, but they may be applied to type selectors, universal selectors and attribute selectors to match components in a document that are (or are not) namespaced.

選擇器的特異性目前僅指一個復雜的選擇器.匹配規(guī)則時，列表中與給定元素匹配的任何復雜選擇器都將被考慮用于特異性計算.如果多個復雜選擇器與一個元素匹配，則將使用最具體的選擇器進行計算.

The specificity of a selector currently only refers to that of a single complex selector. When matching rules, any of the complex selectors in a list that match a given element will be considered for specificity calculations. If more than one complex selector matches an element, the most specific one will be used for calculations.

對于某些 4 級選擇器，特異性將是一個更復雜的問題，例如 :is() 和增強的 :not()，以及 of增強的 :nth-child() 偽中的 S 表示法.

Specificity will be a more complicated issue with some level 4 selectors, such as :is() and the enhanced :not(), and the of S notation in the enhanced :nth-child() pseudo.

這篇關(guān)于選擇器部分和部分的正確術(shù)語和單詞的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網(wǎng)！