摘要:重塑計劃一選擇符元素選擇符通配選擇符,選擇所有元素對象。選擇符,以唯一標識符屬性等于的對象作為選擇符。選擇具有屬性且屬性值為包含的字符串的元素。偽類選擇符設置超鏈接在未被訪問前的樣式。僅用于規則匹配不含有選擇符的元素。
CSS重塑計劃(一):選擇符 元素選擇符
關系選擇符*
通配選擇符(Universal Selector),選擇所有元素對象。
E
類型選擇符(Type Selector),以文檔語言對象類型作為選擇符。
E#myid
id選擇符(ID Selector),以唯一標識符id屬性等于myid的E對象作為選擇符。
E.myclass
class選擇符(Class Selector),以class屬性包含myclass的E對象作為選擇符。
屬性選擇符E F
包含選擇符(Descendant combinator),選擇所有被E元素包含的F元素。
E>F
子選擇符(Child combinator),選擇所有作為E元素的子元素F。
E+F
相鄰選擇符(Adjacent sibling combinator),選擇緊貼在E元素之后F元素。
E~F(CSS3)
兄弟選擇符(General sibling combinator),選擇E元素所有兄弟元素F。
偽類選擇符E[att]
選擇具有att屬性的E元素。
E[att="val"]
選擇具有att屬性且屬性值等于val的E元素。
E[att~="val"]
選擇具有att屬性且屬性值為一用空格分隔的字詞列表,其中一個等于val的E元素。
E[att|="val"]
選擇具有att屬性且屬性值為以val開頭并用連接符"-"分隔的字符串的E元素,如果屬性值僅為val,也將被選擇。
E[att^="val"](CSS3)
選擇具有att屬性且屬性值為以val開頭的字符串的E元素。
E[att$="val"](CSS3)
選擇具有att屬性且屬性值為以val結尾的字符串的E元素。
E[att*="val"](CSS3)
選擇具有att屬性且屬性值為包含val的字符串的E元素。
偽對象選擇符E:link
設置超鏈接a在未被訪問前的樣式。
E:visited
設置超鏈接a在其鏈接地址已被訪問過時的樣式。
E:hover
設置元素在其鼠標懸停時的樣式。
E:active
設置元素在被用戶激活(在鼠標點擊與釋放之間發生的事件)時的樣式。
E:focus
設置元素在成為輸入焦點(該元素的onfocus事件發生)時的樣式。
E:lang(fr)
匹配使用特殊語言的E元素。
E:first-child
匹配父元素的第一個子元素E。
@page:first
設置頁面容器第一頁使用的樣式。僅用于@page規則
@page:left
設置頁面容器位于裝訂線左邊的所有頁面使用的樣式。僅用于@page規則
@page:right
設置頁面容器位于裝訂線右邊的所有頁面使用的樣式。僅用于@page規則
E:not(s)(CSS3)
匹配不含有s選擇符的元素E。
E:root(CSS3)
匹配E元素在文檔的根元素。
E:last-child(CSS3)
匹配父元素的最后一個子元素E。
E:only-child(CSS3)
匹配父元素僅有的一個子元素E。
E:nth-child(n)(CSS3)
匹配父元素的第n個子元素E。
E:nth-last-child(n)(CSS3)
匹配父元素的倒數第n個子元素E。
E:first-of-type(CSS3)
匹配同類型中的第一個同級兄弟元素E。
E:last-of-type(CSS3)
匹配同類型中的最后一個同級兄弟元素E。
E:only-of-type(CSS3)
匹配同類型中的唯一的一個同級兄弟元素E。
E:nth-of-type(n)(CSS3)
匹配同類型中的第n個同級兄弟元素E。
E:nth-last-of-type(n)(CSS3)
匹配同類型中的倒數第n個同級兄弟元素E。
E:empty(CSS3)
匹配沒有任何子元素(包括text節點)的元素E。
E:checked(CSS3)
匹配用戶界面上處于選中狀態的元素E。(用于input type為radio與checkbox時)
E:enabled(CSS3)
匹配用戶界面上處于可用狀態的元素E。
E:disabled(CSS3)
匹配用戶界面上處于禁用狀態的元素E。
E:target(CSS3)
匹配相關URL指向的E元素。
E:first-letter/E::first-letter(CSS3)
設置對象內的第一個字符的樣式。
E:first-line/E::first-line(CSS3)
設置對象內的第一行的樣式。
E:before/E::before(CSS3)
設置在對象前(依據對象樹的邏輯結構)發生的內容。用來和content屬性一起使用
E:after/E::after(CSS3)
設置在對象后(依據對象樹的邏輯結構)發生的內容。用來和content屬性一起使用
E::placeholder(CSS3)
設置對象文字占位符的樣式。
E::selection(CSS3)
設置對象被選擇時的顏色。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/111859.html
摘要:討論和性能的文章并不罕見??焖黉秩竞晚憫馕吨玫挠脩趔w驗。附加事件處理程序的首選方法。糟糕建議高效使用子查詢緩存的父元素正如前面所提到的,遍歷是一項昂貴的操作。糟糕建議高效避免通用選擇符將通用選擇符放到后代選擇符中,性能非常糟糕。 討論jQuery和javascript性能的文章并不罕見。然而,我計劃根據他人對jQuery總結的一些速度方面的技巧和一些建議,來教你提升你的JSLit...
摘要:而在文檔流中,如果浮動元素和跟隨元素都是元素,它們兩在默認情況下都將占據一行。而由于浮動元素脫離了文檔流,如果父元素沒有指定高度或者其他元素撐起,也就出現了所謂的浮動元素的父元素高度塌陷。 為什么要寫《重塑你的CSS世界觀》系列文章 由于從工作到現在,我的主要工作都是寫JavaScript,幾乎沒怎么碰CSS,通常都是別人寫好界面,然后我來開發JavaScript邏輯代碼,這導致了嚴重...
摘要:而在文檔流中,如果浮動元素和跟隨元素都是元素,它們兩在默認情況下都將占據一行。而由于浮動元素脫離了文檔流,如果父元素沒有指定高度或者其他元素撐起,也就出現了所謂的浮動元素的父元素高度塌陷。 為什么要寫《重塑你的CSS世界觀》系列文章 由于從工作到現在,我的主要工作都是寫JavaScript,幾乎沒怎么碰CSS,通常都是別人寫好界面,然后我來開發JavaScript邏輯代碼,這導致了嚴重...
摘要:公司在銷售以云計算為中心的系統管理軟件方面的信心是,客戶在轉變其業務模式方面正在經歷同樣的變化。公司并不是將產品轉移到云端的唯一傳統系統管理軟件供應商。如今,系統管理提供商正在將其本地部署的產品推向云端,并開發或獲取純粹的基于云計算的軟件,希望能夠保持相關性。隨著企業IT部門將任務關鍵型工作負載迅速轉移到云平臺中,系統管理軟件供應商通過重新構建其產品組合對此進行響應。這種適應云計算需求的巨變...
摘要:定位使元素的位置與文檔流無關,因此不占據空間??梢灾缹傩杂幸韵聨讉€特點該元素并不脫離文檔流,仍然保留元素原本在文檔流中的位置。 前端面試之CSS篇 1、三種基本引入方式 外部樣式表 內部樣式表 hr {color:sienna;} p {margin-left:20px;} body {background-image:url(images/bac...
閱讀 2325·2021-11-24 10:18
閱讀 3402·2021-09-22 15:35
閱讀 3348·2021-09-13 10:37
閱讀 3769·2021-09-06 15:14
閱讀 2074·2021-09-06 15:02
閱讀 2220·2021-09-02 15:11
閱讀 552·2019-08-30 15:53
閱讀 3079·2019-08-29 16:15