css css常用的選擇器

2021-10-09 02:08:36 字數 1024 閱讀 5418

css的選擇器有標籤選擇器、類選擇器、id選擇器、層級選擇器、組選擇器、偽類選擇器

選擇器表示方式

標籤選擇器

直接使用標籤名

類選擇器

標籤指定class屬性,用「.類名」表示

id選擇器

標籤指定id屬性,用「#id名」表示

層級選擇器

標籤裡內嵌標籤,可以使用空格隔開定位後代標籤

組選擇器

選擇器之間用逗號隔開

偽類選擇器

使用標籤加相應的偽類

>

>

>

css樣式三種引用方式title

>

type

="text/css"

>

/*標籤選擇器*/

div/*類選擇器*/

.div

/*id選擇器*/

#div4

/*層級選擇器(後代選擇器),用空格隔開*/

div span

/*組選擇器,用逗號隔開*/

.div3,.div5

.div6:hover

style

>

head

>

>

>

1111111div

>

>

2222222div

>

class

="div3"

>

3333333div

>

"div4"

>

4444444div

>

class

="div5"

>

這個是>

div5span

>

div>

class

="div6"

>

666div

>

body

>

html

>

CSS CSS常用選擇器

div是乙個html的標籤,單獨使用沒有意義,必須結合css使用 是乙個塊級元素,單獨佔一行 它主要用於頁面的布局 div是乙個html的標籤,單獨使用沒有意義,必須結合css使用 是乙個內聯元素,顯示一行 它主要用於對括起來的內容進行樣式的修飾 層疊樣式表 同一元素,同一屬性,設定不同值 解決內容...

web前端基礎 CSS css選擇器

選擇器就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說,就是選擇標籤用的。標籤選擇器是指用 html 標籤名 稱作為選擇器,按標籤名稱分類,為頁面中某一類標籤指定統一的 css 樣式 td 02 你好li 北京li 好好學習,天天向上li ul div css部分 1 標籤選擇器 ul...

CSS CSS 凡境 前期 基礎選擇器

點進這篇部落格學習前端的人,肯定都不是十三十四的小孩子了吧.那麼肯定都已經看過 鬥破蒼穹 這篇 吧.css這個階段我打算大體上分三章講完,然後每章的標題我都會以靈魂境界來進行劃分學習的難易程度,希望大家認真學習 相信學過html的都知道,用html做出來的網頁用乙個共性就是 醜 看上去總覺得不像那麼...