CSS3重要內容翻譯

來源:互聯網
上載者:User

標籤:style   class   tar   color   width   get   

以上是廢話1.3    此處未完全確認,相較於css3和css3的選取器,區別包括:
  • 基礎定義改變(選取器、選取器組,簡單選取器等),特別的,作為css2中簡單選取器,如今被成為簡單選取器序列,“簡單選取器”作為這個序列的組成部分。
  • 允許在元素類型選取器上、通用選取器和類型選取器上增加可選的命名空間。
  • 一個新的組合器
  • 一個新的簡單選取器,包括了匹配屬性選取器的子字串,以及新的偽類
  • 新的偽類,以及針對偽類的::書寫習慣
  • 文法重寫
  • 整合選取器、定義選取器集合
  • 選取器是一個css3 module,並且單獨聲明。其他聲明可以關聯到這個文檔?
  • 聲明擁有自己特有的測試組件
1.4     選取器
格式 含義 css層級
* 所有元素 2
E E-類型選取器 1
E[foo] E,具有foo屬性 2
E[foo="bar"] E,具有Foo屬性,且值精確等於bar 2
E[foo~="bar"] E,具有Foo屬性,值為一系列被空格分割,其中之一精確等於bar 2
E[foo^="bar"] E,具有foo屬性,其值以bar開頭                                       3        
E[foo$="bar"] E,具有foo屬性,其值以bar結尾 3
E[foo*="bar"] E,具有foo屬性,其值包含bar 3
E[foo|="en"] E,具有foo屬性,其值包含一系列以-分隔的詞(從左開始),並以en開頭(例如:lang偽類:html:lang(fr-be) 、 html:lang(de)) 2
E:root E,文檔根節點 3
E:nth-child(n) E的第n個孩子節點 3
E:nth-last-child(n) E的從最後一個孩子往前倒數第n個孩子節點 3
E:nth-of-type(n) E的type類型的第n個兄弟 3
E:nth-last-of-type(n) E的從最後一個孩子往前倒數第n個type類型的兄弟節點 3
E:first-child E的第一個孩子節點 2
E:last-child E的最後一個孩子節點 3
E:first-of-type E的類型的第一個兄弟 3
E:last-of-type E的類型的最後一個兄弟節點 3
E:only-child E的唯一一個孩子節點 3
E:only-of-type E的類型的唯一一個兄弟節點 3
E:empty 沒有子節點(也包括文本節點)的E 3
E:link E,作為超連結的錨點,其目標尚未被訪問 1
E:visited 或被訪問過 1
E:active E在某個使用者操作啟用狀態下 1,2
E:hover    
E:focus    
E:target E,作為某個提到的URI的目標 3
E:lang(fr) E在fr語言下(文檔語言決定當前頁面為何種語言) 2
E:enabled 使用者介面上的元素E,可用或禁用 3
E:disabled    
E:checked 使用者介面上的元素E,被選中狀態(例如單選框,多選框) 3
E::first-line E的格式化的第一行 1
E::first-letter E的格式化的第一個字母                                                                               1    
E::before 在E元素之前建立內容 2
E::after 在E元素之後建立內容 2
E.warning 帶有class為warning的元素E 1
E#myid 帶有id為myid的元素E 1
E:not(s) E,不符合簡單選取器S 3
E F E的子孫F 1
E > F E的孩子F 2
E + F F元素,被E緊跟 2
E ~ F F元素,之前有個E 3
  3。大小寫不敏感? 4、一個簡單選取器,可能是類型選取器,通用選取器,屬性選取器,類別選取器,ID選取器或偽類 6、帶有namespace的CSS寫法:
  • ns|E        在ns命名空間中的E
  • *|E          任意(或無)命名空間中的E
  • |E            沒有命名空間的E
  • E             若沒有預設命名空間聲明,等同於*|E;否則等同於ns|E,ns為預設命名空間
9、CSS計算規則     *              0     tag          1     .class     10     id          100

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.