2011-10-28 40 views
2

我見過以下幾行的CSS樣式:CSS特殊類,如「:-moz-placeholder」

input::-webkit-input-placeholder {...} 

input:-moz-placeholder {...} 

他們爲我提出了幾個問題:

  • 這些東西叫什麼? (我在搜索它們時遇到了麻煩。)
  • 是否有一個全面的列表,哪些瀏覽器支持哪些?
  • 哪些meta-CSS語言(Sass,Less,Stylus等)支持這些語言,如果有的話?

謝謝!

回答

4

事情與一個冒號稱爲僞類,它用於處理對象的不同狀態(如:懸停和「活動」)。

射擊描述和列表可以在那裏找到:http://reference.sitepoint.com/css/css3psuedoclasses 說明在w3.org:http://www.w3.org/TR/selectors/#pseudo-classes

2個冒號稱爲僞元素的東西,它是用來自動生成的內容或類似的內容第一部分的風格第一行的字母。

說明在w3.org:http://www.w3.org/TR/selectors/#pseudo-elements

有很多通過這個列表的特定瀏覽器的擴展。這在css3標準中沒有記錄。

你可以找到Mozilla的瀏覽器在此列出:https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions在部分「僞元素和僞類」。

找不到Webkit的僞元素的好名單,並通過 - 班。

3

它們被稱爲供應商特定屬性,它們通常是CSS3格式的供應商版本。由於CSS3尚不是一個標準,因此在技術上任何實現它們的瀏覽器都實現了供應商特定的擴展。

-moz意味着Mozilla的火狐又名等。 -webkit指基於WebKit瀏覽器,例如Safari,Chrome瀏覽器Konqueror等。 -ms

參見:http://reference.sitepoint.com/css/vendorspecific

+0

我理解供應商特定的屬性(例如「-webkit-邊界半徑」等),我特指這些僞類肥胖型選擇器之類的輸入字段的輸入HTML5屬性(「:: -webkit-input-placeholder「),它在類級別匹配,而不是屬性。供應商特定的類,也許? – So8res

+1

@ So8res - 它們是供應商特定的僞類,但我不希望在該特定術語中找到太多內容,因爲大多數文本都將它們稱爲HTML5/CSS3僞類。實施它們的供應商只有在供應商擴展之前使用了供應商擴展。 –