資訊專欄INFORMATION COLUMN
摘要：選擇器基礎選擇器標簽選擇器針對一類標簽注意選擇的所有，而不是一個。元素元素是文檔結構的基礎。行內元素不會在它本身之前或之后生成分隔符，所以可以出現在另一個元素內容中，而不會破壞其顯示。
css選擇器 基礎選擇器
注意：選擇的所有，而不是一個。
css
注意：
（1）只能有字母、數字、下劃線。
（2）必須以字母開頭。
（3）不能和標簽同名。比如id不能叫做body、img、a。
（4）大小寫嚴格區分，也就是說aa,和AA是兩個不同的ID。
你好
（特性1：類選擇器可以被多種標簽使用。特性2：同一個標簽可以使用多個類選擇器。用空格隔開）
注意：
（1）不要去試圖用一個類名，把某個標簽的所有樣式寫完。這個標簽要多攜帶幾個類，共同完成這個標簽的樣式。
（2）每一個類要盡可能小，有“公共”的概念，能夠讓更多的標簽使用。
你好
注意：只要保持一個后代的關聯即可。也就是說，選擇的是后代，不一定是兒子。
注意：選擇的元素要求同時滿足兩個條件：必須是h3標簽，然后必須是special標簽。
p,h1,#mytitle,.one/*定義了一個并集選擇器，帶有p,h1,id="mytitle",class="one"的標簽都內容會顯示紅色*/{
color:red;
}
一、結構（位置）偽類選擇器（ : ）
1、:first-child
2、:last-child
3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1)
二、屬性選擇器（[ ]）
1、[ 屬性 ]
2、可以和正則表達式混用，如 $ 和 ^ 和 *
CSS權重指的是樣式的優先級，有兩條或多條樣式作用于一個元素，權重高的那條樣式對元素起作用,權重相同的，后寫的樣式會覆蓋前面寫的樣式。
當很多的規則被應用到某一個元素上時，權重是一個決定哪種規則生效，或者是優先級的過程。
每個選擇器都有自己的權重。你的每條css規則，都包含一個權重級別。 這個級別是由不同的選擇器加權計算的，通過權重，不同的樣式最終會作用到你的網頁中
權重的等級可以把樣式的應用方式分為幾個等級，按照等級來計算權重
1、!important，加在樣式屬性值后，權重值為 10000 2、內聯樣式，如：style=””，權重值為1000 3、ID選擇器，如：#content，權重值為100 4、類，偽類和屬性選擇器，如： content、:hover 權重值為10 5、標簽選擇器和偽元素選擇器，如：div、p、::before 權重值為1 6、通用選擇器（*）、子選擇器（>）、相鄰選擇器（+）、同胞選擇器（~）、權重值為0權重的計算實例
1、實例一：
......這是一個div元素
2、實例二：
......偽類和偽元素 偽類和偽元素的區別（CSS3下的區別）這是一個h2標題
偽類其實是彌補了CSS選擇器的不足，用來更方便地獲取信息。
而偽元素本質上是創建了一個虛擬容器(元素)，我們可以在其中添加內容或樣式。
所以可以理解偽元素本質上是創建了一個虛擬容器(元素)了吧。
除了上面這個本質區別以外，在CSS3中，偽類用單冒號:表示；而偽元素用雙冒號::表示。一個選擇器可以同時使用多個偽類(但有的偽類會互斥)；而一個選擇器只能同時使用一個偽元素(未來的版本可能會支持多偽元素)。
1.偽類CSS3給出的定義是：偽類存在的意義是為了通過選擇器，格式化DOM樹以外的信息以及不能被常規CSS選擇器獲取到的信息。
通過上面的概念我們知道了偽類的功能有兩種：
1.格式化DOM樹以外的信息。比如： 標簽的:link、:visited 等。這些信息不存在于DOM樹中。
2.不能被常規CSS選擇器獲取到的信息。比如：要獲取第一個子元素，我們無法用常規的CSS選擇器獲取，但可以通過 :first-child 來獲取到。
2.偽元素CSS3給出的定義是：偽元素可以創建一些文檔語言無法創建的虛擬元素。比如：文檔語言沒有一種機制可以描述元素內容的第一個字母或第一行，但偽元素可以做到(::first-letter、::first-line)。同時，偽元素還可以創建源文檔不存在的內容，比如使用 ::before 或 ::after。
用法 ::before在被選元素之前插入內容。需要指定content屬性來插入內容。
::after在被選元素之后插入內容。需要指定content屬性來插入內容。
::first-letterCSS
匹配元素中文本的首字母。
::first-line匹配元素中第一行的文本(只能在塊元素中使用)。
::selection匹配被用戶選中的部分。
元素元素是文檔結構的基礎。在HTML中，最常用的元素很容易被識別，如平p、table、span、a、和div。文檔中的每個元素都對文檔的表現起一定的作用。在css中，至少在css2.1中，這意味著每個元素生成一個框（box，也稱為盒），其中包含元素的內容。
替換和非替換元素盡管css依賴于元素，但并非所有元素都以同樣的方式創建。元素通常有兩種形式：替換和非替換。
替換元素替換元素是指用來替換元素內容的部分并非由文檔內容直接表示。在HTML中，最熟悉的替換元素的例子就是img元素，它由文檔本身之外的一個圖像文件來替換。實際上，img沒有具體的內容，通過一下的簡單例子可以了解這一點。
這個標記片段不包含任何具體內容，只有一個元素名和一個屬性。除非將其指向一個外部內容。否則這個元素沒有任何意義。
input元素與之類似，取決于input元素的類型，要由一個單選按鈕、復選框或文本輸入框替換。替換元素顯示時也生成框。
大多數HTML元素都是非替換元素。這意味著，其內容由用戶代理（通常是一個瀏覽器）在元素本身生成的框中顯示。
例如:
hi there
這就是一個非替換元素。段落、標題、表單元格、列表和HTML中的幾乎所有元素都是非替換元素。
元素顯示角色除了替換和非替換元素，css2.1還使用另外兩種基本元素類型：塊級元素和行內元素。
塊級元素塊級元素生成一個元素框，(默認的)它會填充其父元素的內容區，旁邊不能有其他元素。換句話說，它在元素框之前和之后生成了“分隔符”。替換元素可以是塊級元素，不過通常都不是。
行內元素行內元素在一個文本行內生成一個元素框，而不會打斷這行文本。行內元素最好的例子就是HTML中的a元素。行內元素不會在它本身之前或之后生成“分隔符”，所以可以出現在另一個元素內容中，而不會破壞其顯示。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/116338.html
摘要：好了，閑話不多說今天要說的時利用監聽路由的方式，實現同個頁面不同狀態的切換。只要等于，那么頁面就是待確認回款頁面進入待確認回款頁面中，回款狀態的篩選標簽要加上。 1.前言 今天發完這一篇，就要這個系列告一段落了！以后如果有什么要補充的會繼續補充！因為在后臺管理項目上，搭建的話，主要就是這樣了！還有的一些是具體到交互的處理，那個是要根據后端的需求，來進來比較細化的工作，我在這里就不說了！...
閱讀 1284·2021-10-11 10:57
閱讀 2056·2021-09-02 15:15
閱讀 1615·2019-08-30 15:56
閱讀 1207·2019-08-30 15:55
閱讀 1166·2019-08-30 15:44
閱讀 991·2019-08-29 12:20
閱讀 1337·2019-08-29 11:12
閱讀 1076·2019-08-28 18:29
