0

Web ページでこのCSSに気づき、どのように機能するのか疑問に思いました。

これは何を意味するのでしょうか？input[class*="span"]

input[class*="span"], select[class*="span"], textarea[class*="span"] {
    float: none;
    margin-left: 0;
}
4

6 に答える 6

5

つまり、クラス名に文字列「span」ANYWHERE を含むクラスを持つすべての入力が選択されます。そのような：

<input class="span" type="text" value="span" />

<input class="span-3" type="text" value="span-3" />

<input class="span-six" type="text" value="span-six" />

 <input class="myspan" type="text" value="myspan" />

コードペンの例

于 2013-09-25T11:28:44.733 に答える
3

「*」は属性のワイルドカード セレクターです。その CSS セレクターは、クラス名に「span」を含むクラスを持つこれらのタイプの要素を探します。

于 2013-09-25T11:17:25.193 に答える
0

この種のセレクターを使用すると、指定された文字列が値のどこかに現れる場合、CSS ルールが適用されることになります。

ここでは、より拡張された説明があります: http://css-tricks.com/multiple-attribute-values/

お役に立てれば。

于 2013-09-25T14:10:30.813 に答える
0

w3schools.com から:

例： 

a[src*="w3schools"]

src 属性値に部分文字列 "w3schools" が含まれるすべての要素を選択します

http://www.w3schools.com/cssref/css_selectors.asp

しかし、あなたの例では、それは役に立たないように見えます。選択にはおそらく「スパン」のクラスがあるため、次のように選択できます。

input.span, select.span, textarea.span {
    float: none;
    margin-left: 0;
}

もう一度言いますが、HTML 要素の後にクラスを呼び出すのは賢明ではありません。それが参照している HTML を投稿していただけますか?

于 2013-09-25T11:16:48.143 に答える
-1

input[class*="span"]との使用に違いはありませんinput.span。持っているタグをinput[class*="span"]意味しますinputclass="span"

于 2013-09-25T11:20:33.123 に答える
-1

基本的には、「スパンのクラスを含むタイプ（入力フィールドなど）のすべての要素を選択する」ことを意味します。

以下をご覧ください: W3S スクール

于 2013-09-25T11:17:36.627 に答える