css的「 selection」選擇器

2022-03-16 04:47:52 字數 1598 閱讀 6293

!在codeigniter框架基本案例中看到了乙個新型的選擇器,以前沒有關注到,就是兩個冒號加selection。

::selection

::moz-selection

::webkit-selection

實現的效果就是文字選中的背景色設定,遺憾的是ie9下並沒有看到這樣棒的效果。

查資料之後才知道這是css3中推出來的偽元素,css3中偽類用冒號表示,偽元素用雙冒號表示。

如果**要相容ie系列的話,就最好不要使用這種表達方式。

選擇符型別

表示式描述

子串匹配的屬性選擇符

e[att^="val"]

匹配具有att屬性、且值以val開頭的e元素

子串匹配的屬性選擇符

e[att$="val"]

匹配具有att屬性、且值以val結尾的e元素

子串匹配的屬性選擇符

e[att*="val"]

匹配具有att屬性、且值中含有val的e元素

結構性偽類

e:root

匹配文件的根元素。在html中,根元素永遠是html

結構性偽類

e:nth-child(n)

匹配父元素中的第n個子元素e

結構性偽類

e:nth-last-child(n)

匹配父元素中的倒數第n個結構子元素e

結構性偽類

e:nth-of-type(n)

匹配同型別中的第n個同級兄弟元素e

結構性偽類

e:nth-last-of-type(n)

匹配同型別中的倒數第n個同級兄弟元素e

結構性偽類

e:last-child

匹配父元素中最後乙個e元素

結構性偽類

e:first-of-type

匹配同級兄弟元素中的第乙個e元素

結構性偽類

e:only-child

匹配屬於父元素中唯一子元素的e

結構性偽類

e:only-of-type

匹配屬於同型別中唯一兄弟元素的e

結構性偽類

e:empty

匹配沒有任何子元素(包括text節點)的元素e

目標偽類

e:target

匹配相關url指向的e元素

ui元素狀態偽類

e:enabled

匹配所有使用者介面(form表單)中處於可用狀態的e元素

ui元素狀態偽類

e:disabled

匹配所有使用者介面(form表單)中處於不可用狀態的e元素

ui元素狀態偽類

e:checked

匹配所有使用者介面(form表單)中處於選中狀態的元素e

ui元素狀態偽類

e::selection

匹配e元素中被使用者選中或處於高亮狀態的部分

否定偽類

e:not(s)

匹配所有不匹配簡單選擇符s的元素e

通用兄弟元素選擇器

e ~ f

匹配e元素之後的f元素

資料結構與演算法 選擇演算法 selection

選擇演算法指的是解決選出序列中第n大的元素。比如中位數。方法如下 1.使用priorityqueue,維持size為k,如果queue的size小於k,則直接加入,否則看最小的元素能否比得過,比得過就剔除最小元素,加入新元素,比不過就看後面的元素,最後返回堆頂元素即可。這裡需要使用最小堆。publi...

關於選取方法的總結(Selection)

本質 選取問題所查詢元素的位序k,其實就是在其對應的有序序列中的秩。下面以中位數選取為例來講解 algorithm time complexity 1 蠻力演算法 所有元素排序後再找 o nlog 2n 2 減而治之 歸併 o log min n1,n 2 3.1 基於優先佇列 堆1 o n kl ...

SAP的Selection螢幕的事件處理順序

一 abap程式處理順序圖 二 initialization和 start of selection 事件之間的事件順序 該圖有乙個錯誤,start of selection執行是回到initialization事件,但是intitialization事件的對選擇螢幕的修改只有第一次影響選擇螢幕字段...