* 擬似要素 (CSS, 選択子) [2] 仕様書: - [CITE@en[Selectors]] -- [CSECTION@en[7. Pseudo-elements]] - [CITE@en[CSS3 Basic User Interface Module]] -- [CSECTION@en[4.2. User interface element fragments: pseudo-elements]] - [XForms] [CSECTION@en[F XForms and Styling (Non-Normative)]] ([[W3C]][[勧告]] ([[参考]])) -- [1] [[CSS]] の擬似要素: ,擬似要素名 ,説明 ,状態 ,出典 ,[CODE(CSS)[::[[after]]]] ,[[後]]に挿入 ,[[W3C]] [[勧告候補]] ,[Selectors] ,[CODE(CSS)[[[-moz-anonymous-block]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-anonymous-positioned-block]]]] , , ,[[Gecko]] ,[CODE(CSS)[::[[before]]]] ,[[前]]に挿入 ,[[W3C]] [[勧告候補]] ,[Selectors] ,[CODE(CSS)[::[[-moz-button-content]]]] ,[CODE(CSS)[[[-moz-buttonlabel]]]] ,[CODE(CSS)[[[-moz-canvas]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-cell-content]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-checkbox]]]] ,[CODE(CSS)@en[::[[choices]]]] , ,[[W3C]] [[勧告候補]] ,[CSS3 UI] ,[CODE(CSS)[::[[-moz-column-content]]]] ,[CODE(CSS)[[[-moz-display-comboboxcontrol-frame]]]] , , ,[[Gecko]] ,[CODE(CSS)@en[:[[-moz-drop-marker]]]] ,[CODE(CSS)[::[[-moz-dropdown-list]]]] ,[CODE(CSS)[[[-moz-dummy-option]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-fieldset-content]]]] , , ,[[Gecko]] ,[CODE(CSS)@en[::[[-webkit-file-upload-button]]]] ,[CODE(CSS)[[[first-letter]]]] ,最初の[[文字]] ,W3C 勧告 ,[[CSS 2]] ,[CODE(CSS)@en[::[[first-letter]]]] ,最初の[[文字]] ,[[W3C]] [[勧告候補]] ,[Selectors] ,[CODE(CSS)[[[first-line]]]] ,最初の[[行]] ,W3C 勧告 ,[[CSS 2]] ,[CODE(CSS)@en[::[[first-line]]]] ,最初の[[行]] ,[[W3C]] [[勧告候補]] ,[Selectors] ,[CODE(CSS)[[[-moz-first-line-fixup]]]] ,[CODE(CSS)[::[[-moz-focus-inner]]]] , , ,[[Gecko]] ,[CODE(CSS)[::[[-moz-focus-outer]]]] , , ,[[Gecko]] ,[CODE(CSS)@en[::[[footnote-call]]]] , ,非標準 ,[Prince] ,[CODE(CSS)@en[::[[footnote-marker]]]] , ,非標準 ,[Prince] ,[CODE(CSS)[[[-moz-frameset-blank]]]] ,[CODE(CSS)[[[-moz-gc-wrapper-block]]]] , , ,[[Gecko]] ,[CODE(CSS)[::[[-moz-hframeset-border]]]] ,[CODE(CSS)@en[::[[-webkit-input-placeholder]]]],,,[[WebKit]] ,[CODE(CSS)[[[-moz-line-frame]]]] ,[CODE(CSS)[[[-moz-list-bullet]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-list-number]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-math-anonymous]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-math-inline]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-math-stretchy]]]] , , ,[[Gecko]] ,[CODE(CSS)@en[::[[-webkit-media-controls-fullscreen-button]]]],,,[[WebKit]] ,[CODE(CSS)@en[::[[-webkit-media-controls-mute-button]]]],,,[[WebKit]] ,[CODE(CSS)@en[::[[-webkit-media-controls-play-button]]]],,,[[WebKit]] ,[CODE(CSS)@en[::[[-webkit-media-controls-panel]]]],,,[[WebKit]] ,[CODE(CSS)@en[::[[-webkit-media-controls-time-display]]]],,,[[WebKit]] ,[CODE(CSS)@en[::[[-webkit-media-controls-timeline]]]],,,[[WebKit]] ,[CODE(CSS)@en[::[[-webkit-media-controls-seek-back-button]]]],,,[[WebKit]] ,[CODE(CSS)@en[::[[-webkit-media-controls-seek-forward-button]]]],,,[[WebKit]] ,[CODE(CSS)[[[-moz-non-element]]]] ,[CODE(CSS)[[[-moz-page]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-pagebreak]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-pagecontent]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-page-sequence]]]] , , ,[[Gecko]] ,[CODE(CSS)@en[:[[prompt]]]] , ,非標準 ,[CODE(CSS)[[[-moz-radio]]]] ,[CODE(CSS)@en[::[[repeat-index]]]] , ,[[W3C]] [[勧告候補]] ,"[CSS3 UI], [XForms]" ,[CODE(CSS)@en[::[[repeat-item]]]] , ,[[W3C]] [[勧告候補]] ,"[CSS3 UI], [XForms]" ,[CODE(CSS)[[[-moz-scrolled-canvas]]]] , , ,[[Gecko]] ,[CODE(CSS)@en[::[[-moz-scrolled-content]]]] ,[[スクロール棒]]中にある[[匿名箱]] , ,[[Gecko]] ,[CODE(CSS)[[[-moz-scrolled-page-sequence]]]] , , ,[[Gecko]] ,[CODE(CSS)@en[::[[-webkit-search-cancel-button]]]] ,[CODE(CSS)@en[::[[-webkit-search-decoration]]]] ,[CODE(CSS)@en[::[[-webkit-search-results-button]]]] ,[CODE(CSS)@en[::[[-webkit-search-results-decoration]]]] ,[CODE(CSS)[[[-moz-select-scrolled-content]]]] ,[CODE(CSS)@en[::[[selection]]]] ,選択範囲 ,[[W3C]] [[勧告候補]] ,[Selectors] ,[CODE(CSS)[[[-moz-selection]]]] ,選択範囲 , ,[[Gecko]] ,[CODE(CSS)@en[::[[-moz-singleline-textcontrol-frame]]]]] ,[CODE(CSS)@en[::[[-webkit-slider-thumb]]]] ,[CODE(CSS)[[[-moz-table]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-table-cell]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-table-column]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-table-column-group]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-table-outer]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-table-row]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-table-row-group]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-tree-cell]]]] ,[CODE(CSS)[[[-moz-tree-cell-text]]]] ,[CODE(CSS)[[[-moz-tree-checkbox]]]] ,[CODE(CSS)[[[-moz-tree-column]]]] ,[CODE(CSS)[[[-moz-tree-drop-feedback]]]] ,[CODE(CSS)[[[-moz-tree-image]]]] ,[CODE(CSS)[[[-moz-tree-indentation]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-tree-line]]]] ,[CODE(CSS)[[[-moz-tree-progressmeter]]]] ,[CODE(CSS)[[[-moz-tree-row]]]] ,[CODE(CSS)[[[-moz-tree-separator]]]] ,[CODE(CSS)[[[-moz-tree-twisty]]]] ,[CODE(CSS)[[[unknown]]]] ,未対応の擬似要素・[[擬似級]] ,非標準 ,[[WinIE]] ,[CODE(CSS)@en[::[[value]]]] , ,[[W3C]] [[勧告候補]] ,"[CSS3 UI], [XForms]" ,[CODE(CSS)[::[[-moz-vframeset-border]]]] ,[CODE(CSS)[[[-moz-viewport]]]] , , ,[[Gecko]] ,[CODE(CSS)[[[-moz-viewport-scroll]]]] , , ,[[Gecko]] - [Prince] [CITE@en[Prince: CSS Selectors]] [6] [[WebKit]] では[[擬似要素]]の後に[[擬似クラス]]を指定することができます。 ([[名無しさん]] [sage]) [7] [CODE(CSS)@en[[[:]]]] と [CODE(CSS)@en[[[:]]]] や [CODE(CSS)@en[[[:]]]] と[[擬似要素]]名の間には[[注釈]]を挿入できます。 ;; 例: - - - ;; [[Firefox]] 2 (すべて対応) と [[WinIE 6]] (1つ目のみ対応) は仕様書通り解釈します。 ([[名無しさん]]) [8] [[Opera]] 9 では最後の[[単純選択子列]]以外の[[単純選択子列]]の最後にも高々1つ[[擬似要素]]を指定できます。ただし実際には[[レンダリング]]に反映されないようです。 ([[名無しさん]]) [[#comment]] * メモ [9] [CITE@EN[XForms 1.1]] ([TIME[2009-10-20 22:51:54 +09:00]] 版) [10] [CITE@en-US[Oracle Fusion Middleware Tag Reference for Oracle ADF Faces Skin Selectors]] ( ([TIME[2010-03-03 23:52:42 +09:00]] 版)) [11] [CITE[IRC logs: freenode / #whatwg / 20110126]] ( ([TIME[2011-03-06 11:15:33 +09:00]] 版)) [12] [CITE[IRC logs: freenode / #whatwg / 20110726]] ( ([TIME[2011-08-07 10:33:25 +09:00]] 版)) [13] [CITE@en[Re: Need a better way to reach into the shadow DOM subtree]] ( ([[Dimitri Glazkov]] 著, [TIME[2011-04-28 05:33:44 +09:00]] 版))