2

次の行に沿って CSS スタイリングを見てきました。

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

また

input:-moz-placeholder {...}

そして、彼らは私にいくつかの質問を投げかけます：

  • これらのものは何と呼ばれますか？（私はそれらをグーグルで検索するのに苦労しています。）
  • どのブラウザでどのブラウザがサポートされているかの包括的なリストはどこかにありますか?
  • これらをサポートしているメタ CSS 言語 (Sass、Less、Stylus など) はありますか?

ありがとう！

4

2 に答える 2

4

疑似クラスと呼ばれる 1 つのコロンを持つものは、オブジェクトのさまざまな状態 (:hover や 'active など) に対処するために使用されます。

ショットの説明とリストはこちらにあります: http://reference.sitepoint.com/css/css3pseudoclasses 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 の疑似要素とクラスの適切なリストが見つかりません。

于 2011-10-28T06:29:09.087 に答える
3

これらはベンダー固有のプロパティと呼ばれ、通常は CSS3 形式のベンダー バージョンです。CSS3 はまだ標準ではないため、技術的には CSS3 を実装するブラウザーはいずれもベンダー固有の拡張機能を実装しています。

-moz は、Mozilla、別名 Firefox などを意味します。 -webkit は、Safari、Chrome、Konqueror などの Webkit ベースのブラウザを意味します。 -ms

参照: http://reference.sitepoint.com/css/vendorspecific

于 2011-10-28T05:27:57.560 に答える