css 基礎 選擇器

2022-03-31 02:34:56 字數 1382 閱讀 9096

1.css基礎

eg:

h1
p
h1,h2,h3,h4,h5,h6
希望列表中的 strong 元素變為斜體字，而不是通常的粗體字，可以這樣定義乙個派生選擇器：

li strong
id 選擇器以 "#" 來定義。下面的兩個 id 選擇器，第乙個可以定義元素的顏色為紅色，第二個定義元素的顏色為綠色：

#red#green
在現代布局中，id 選擇器常常用於建立派生選擇器。

#sidebar p
類選擇器以乙個點號顯示：

.center
和 id 一樣，class 也可被用作派生選擇器：

.fancy td
可以為擁有指定屬性的 html 元素設定樣式，而不僅限於 class 和 id 屬性。

注釋：只有在規定了 !doctype 時，ie7 和 ie8 才支援屬性選擇器。在 ie6 及更低的版本中，不支援屬性選擇。

下面的例子為帶有 title 屬性的所有元素設定樣式：

[title]
下面的例子為 title="w3school" 的所有元素設定樣式：

[title=w3school]
下面的例子為包含指定值的 title 屬性的所有元素設定樣式。適用於由空格分隔的屬性值：

[title~=hello]
選擇器

描述[attribute]

用於選取帶有指定屬性的元素。

[attribute=value]

用於選取帶有指定屬性和值的元素。

[attribute~=value]

用於選取屬性值中包含指定詞彙的元素。

[attribute|=value]

用於選取帶有以指定值開頭的屬性值的元素，該值必須是整個單詞。

[attribute^=value]

匹配屬性值以指定值開頭的每個元素。

[attribute$=value]

匹配屬性值以指定值結尾的每個元素。

[attribute*=value]

匹配屬性值中包含指定值的每個元素。

CSS選擇器之基礎選擇器

選擇器 選擇符 就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說，就是選擇標籤用的。標籤選擇器 又稱元素選擇器，指用html標籤作為選擇器，為頁面中某類標籤設定css樣式。缺點 不能差異化設定樣式，只能選擇全部的當前標籤。語法 基礎選擇器之標籤選擇器title 標籤選擇器 寫上標籤名 ...

CSS 選擇器之基礎選擇器

id選擇器 選擇具體的id屬性值的元素 元素選擇器 選擇具有相同標籤名稱的元素 類選擇器 選擇具有相同的class屬性值的元素。id選擇器，是根據標籤的id屬性值選擇對應的標籤的。格式 id值舉例 定義兩個p標籤，且標籤的id屬性值不同，然後用css定義p標籤的內容如何顯示。google瀏覽器中開啟...

CSS 基礎選擇器

css cascading style sheet，層疊式樣式表，即乙個標籤可以同時被多種選擇器選擇，標籤選擇器 id選擇器 類選擇器。這些選擇器都可以選擇上同乙個標籤，從而影響樣式。基礎選擇器 1.標籤選擇器，就是標籤的名字。追光者如果說你是遙遠的星河 耀眼得讓人想哭我是追逐著你的眼眸總在孤單時候...