CSS基礎選擇器

2021-08-15 09:41:14 字數 1454 閱讀 1896

派生選擇器

index.html

charset="utf-8">

title>

rel="stylesheet"

href="mycss.css"

type="text/css">

head>

我是黑色,因為我不在列表當中,所以這個規則對我不起作用strong>

p>

我是紅色,這是因為 strong 元素位於 li 元素內。strong>

li>

u1>

body>

html>

mycss.css

li

strong

id選擇器

id 選擇器以「#」來定義

charset="utf-8">

title>

href="mycss.css"

type="text/css"

rel="stylesheet">

head>

id="pid">hello csshref="www.shiyanlou.com">shiyanloua>

p>

id="divid">this is a divdiv>

body>

html>

#pid

a#divid

類選擇器

在 css 中,類選擇器以乙個點號顯示:

.divclass

charset="utf-8">

title>

href="mycss.css"

type="text/css"

rel="stylesheet">

head>

class="pclass">這是乙個 class 顯示效果href="">效果a>

p>

class="divclass">hello divdiv>

body>

html>

.pclass

a.divclass

屬性選擇器

帶有 title 屬性、屬性和值選擇器 title=」te」 的所有元素設定樣式

charset="utf-8">

title>

type="text/css">

[title]

[title=te]

style>

head>

title=>屬性選擇器p>

title="te">屬性和值選擇器p>

body>

html>

CSS選擇器之基礎選擇器

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

CSS 選擇器之基礎選擇器

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

CSS 基礎選擇器

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