CSS選擇器，並且其格式的HTML文檔中的作用

創建一個網站，並與網頁的某些元素填充它，每個人都會面臨的一個術語，如CSS選擇器。 它有助於更準確地確定它們的頁面設計和位置的HTML文件中的所有元素。 要做到這一點，創建闡明了一定的選擇和他們的格式選項CSS-A文檔：顏色，大小，位置等。 每一個網頁設計師應該知道並且能夠正確輸入所需的選擇。 它們被劃分類型，其中我們將在下面討論為主。

在CSS選擇器的種類

根據到該元件被施加html格式，CSS-選擇可以涉及下列基團之一：

• 標籤選擇器;
• 類選擇;
• ID-選擇器;
• 屬性選擇。

標籤選擇

它也被稱為“類型選擇器”或“元素”，這是最簡單和常見的。 由於他的CSS文檔是HTML文件的元素，我們描述的名稱。 例如，如果我們需要設置段落樣式，我們指定的性質及其對元素p {背景值：X; 顏色：Y; 大小：Z}。 在這種情況下，該網頁的所有段落將具有相同的格式 （背景顏色， 文本大小，等等。D.）。

類選擇

而要問，如果你需要什麼你的每一個段落是從其他樣式的不同？ 要做到這一點，有一類選擇。

CSS-文件在這種情況下將包含以下形式的項：{p.first顏色：X; 字體大小：Y}。 因此，我們定義“顏色”，只有頭等艙段的“大小”的屬性。

在這種情況下，一個HTML文檔中輸入一個類屬性的風格的名頭。 類可以盡可能多的，只要你想申請一個網頁元素的樣式。

選擇ID

經常有必要更精確地定義一個風格，例如到網頁中的任何一個元件，或進行採樣它們。 在這種情況下，援助附帶ID-選擇。 HTML文件分配標識他人之間它所需的項目名稱。 例如，我們要設置與其他風格不同的元素將在文章標題。

然後一個html文檔在分配頭部H1標識符，例如ArticleName的。 而在CSS文件中，指定風格，增添了ID名格柵：#articlename {顏色：藍色; 文本對齊：中心}。 現在，我們的標題將有藍色和居中。

上述類型的每一個都可以被描述為“簡單的CSS-選擇器”。 它們定義格式的HTML文檔的特定參數：一起類似的元素（例如，所有的文章的段落），一個類（例如，僅第一段）或特定項目（例如文章標題）。

屬性選擇

除上述外，還有一個CSS選擇器屬性 - 的應用程序樣式更複雜的方法。 它允許對所選擇的屬性或值的html格式的元素。 有幾個品種這個選擇的：

• 由屬性的存在;
• 在其確切值;
• 由部分屬性值;
• 其具體價值。

讓我們看看這些物種：

1. 第一種情況。 格式應用於，如果存在於特定屬性的HTML代碼（其可以是p，DIV，標題等）。 如果不是，它採用了通用的風格的所有元素。 例如，對於具有標題元素 （刀尖）。
2. 第二種情況。 該樣式僅適用於具有屬性值的精確匹配的HTML元素。 例如，要輸入的元素，其中該類型屬性的值等於提交。
3. 第三種情況。 根據該格式將只包括具有一定字值的列表項。 例如，側邊欄屬性“類別”的元件的div。
4. 第四種情況。 式僅被定義為HTML文檔，其特定的屬性具有一定值的那些元素，並與他開始。 例如，使用指定的顏色的所有元素，其中英語屬性（其可以是烯，烯RUS，烯Au和噸。D.）。

因此，通過使用一個或另一個，CSS選擇，可以最好被指定為一個完整的網頁，並描述它的一些元件。