1. 程式人生 > 程式設計 >golang使用 gomodule 在公共測試環境管理go的依賴的例項詳解

golang使用 gomodule 在公共測試環境管理go的依賴的例項詳解

CSS 選擇器

一、常用選擇器

  1. 元素選擇器 p {}
  2. id 選擇器 #name {}
  3. class 類選擇器 .box {}

二、複合選擇器

交集選擇器 p.red {} .box.red {}

選中同時符合多個條件的元素

注意:交集選擇器中如果有元素選擇器,而元素選擇器必須在開頭

  1. 選擇器分組(並集選擇器)h1, p, .box {}

    同時選擇多個選擇器對應的元素

三、關係選擇器

  1. 子選擇器 .box > p {}

    選中指定父元素的指定子元素(可以多個)

  2. 後代選擇器 .box p {}

    選中指定父元素的指定後代元素(可以多個)

  3. 兄弟選擇器
    • p + span {}

      選擇下一個指定的兄弟元素,必須是緊挨著的,而且只能選擇一個

    • p ~ span {}

      選擇下邊所有指定的兄弟,被隔開的都能選擇到,是多個

  4. 屬性選擇器
    • p[屬性名] {} 選擇含有此屬性的元素

    • p[屬性名 = 屬性值] {} 選擇含有指定屬性和屬性值的元素

    • p[屬性名 ^= 屬性值] {} 選擇屬性值以指定值開頭的元素

    • p[屬性名 $= 屬性值] {} 選擇屬性值以指定值結尾的元素

    • p[屬性名 *= 屬性值] {} 選擇屬性值中含有某值的元素

偽類選擇器

偽類:不存在的類,特殊的類

  • 偽類用來描述一個元素的特殊狀態

    例如,第一個子元素,被點選的元素,滑鼠移入的元素。。。

  • 偽類一般是 : 開頭

    • :first-child 第一個子元素

    • :last-child 最後一個子元素

    • :nth-child() 選中第n個子元素

      特殊值:

      ​ n 第n個 n的範圍 0 ~ +infinity

      ​ 2n 或 even 表示選中偶數位的元素

      ​ 2n+1 或 odd 表示選中奇數位的元素

      注意:是根據所有的子元素進行排序

    • :first-of-type

    • :last-of-type

    • :nth-of-type()

      這些偽類功能和上面的 nth-child() 類似,但是他們是在同類元素中排序

    • :not() 否定偽類

      將符合條件的元素從選擇器中去除

      eg: ur > li:not(:nth-of-type(3)){} 除了第3個 li 的其他所有 li 元素

  • 超連結の偽類

    • a:link 用於表示沒訪問過的連結(正常的連結)

    • a:visited 訪問過的連結

      由於隱私的問題,所有 visited 這個偽類只能修改連結的顏色

    • a:hover 滑鼠移入的狀態

    • a:active 滑鼠點選時的狀態

    注意:link 和 visited 是 a 特有的偽類,而 hover 和 active 是所有元素都有的

偽元素選擇器

偽元素:表示頁面中一些特殊的並不真實的存在的元素(特殊的位置)

  • 偽元素使用 :: 開頭

    • ::first-letter 表示第一個字母

    • ::first-line 表示第一行

    • ::selection 表示選中的內容

    • ::before 元素的開始

    • ::after 元素的最後

      before 和 after 必須結合 content 屬性使用