欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS 屬性選擇器_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

  發(fā)布時(shí)間：2017-06-22 10:07:59   作者：w3school   我要評(píng)論
對(duì)帶有指定屬性的 HTML 元素設(shè)置樣式?？梢詾閾碛兄付▽傩缘?HTML 元素設(shè)置樣式，而不僅限于 class 和 id 屬性。下文給大家介紹了css屬性選擇器的相關(guān)知識(shí)，感興趣的朋友一起看看吧

對(duì)帶有指定屬性的 HTML 元素設(shè)置樣式。

可以為擁有指定屬性的 HTML 元素設(shè)置樣式，而不僅限于 class 和 id 屬性。

注釋：只有在規(guī)定了 !DOCTYPE 時(shí)，IE7 和 IE8 才支持屬性選擇器。在 IE6 及更低的版本中，不支持屬性選擇。

屬性選擇器

下面的例子為帶有 title 屬性的所有元素設(shè)置樣式：

[title]
{
color:red;
}

屬性和值選擇器

下面的例子為 title="W3School" 的所有元素設(shè)置樣式：

[title=W3School]
{
border:5px solid blue;
}

屬性和值選擇器 - 多個(gè)值

下面的例子為包含指定值的 title 屬性的所有元素設(shè)置樣式。適用于由空格分隔的屬性值：

[title~=hello] { color:red; }

下面的例子為帶有包含指定值的 lang 屬性的所有元素設(shè)置樣式。適用于由連字符分隔的屬性值：

[lang|=en] { color:red; }

設(shè)置表單的樣式

屬性選擇器在為不帶有 class 或 id 的表單設(shè)置樣式時(shí)特別有用：

input[type="text"]
{
  width:150px;
  display:block;
  margin-bottom:10px;
  background-color:yellow;
  font-family: Verdana, Arial;
}
input[type="button"]
{
  width:120px;
  margin-left:35px;
  display:block;
  font-family: Verdana, Arial;
}

CSS 選擇器參考手冊(cè)

選擇器
描述
用于選取帶有指定屬性的元素。
用于選取帶有指定屬性和值的元素。
用于選取屬性值中包含指定詞匯的元素。
用于選取帶有以指定值開頭的屬性值的元素，該值必須是整個(gè)單詞。
匹配屬性值以指定值開頭的每個(gè)元素。
匹配屬性值以指定值結(jié)尾的每個(gè)元素。
匹配屬性值中包含指定值的每個(gè)元素。

相關(guān)文章

最新評(píng)論