Css之選擇器使用

2021-08-17 19:06:21 字數 313 閱讀 7881

我們都知道,css 指層疊樣式表 (cascading style sheets),主要用來為html 元素定義顯示樣式。本文主要來看一下css的選擇器,選擇器用來定義css的樣式,一般有以下幾種:

​ 使用css樣式有三種方式,分別為外鏈式、內嵌式和行內式,下面我們分別來看看具體如何引用。

注意:當 !important 規則被應用在乙個樣式宣告中時,該樣式宣告會覆蓋css中任何其他的宣告, 無論它處在宣告列表中的**. 儘管如此, !important規則還是與優先順序毫無關係.使用 !important 不是乙個好習慣,因為它改變了你樣式表本來的級聯規則,從而使其難以除錯。

css選擇器使用

css中選擇器的組合用法,一下用 ab cd 代表兩個類 1.祖先選擇使用 ab cd 兩個類之間是空格,代表擁有樣式 ab 的元素,他的所有後代元素有 cd 樣式的元素都將被選中 2.兒子選擇使用 ab cd 兩個類之間是大於號,代表擁有樣式 ab 的元素,他的所有兒子元素有 cd 的那些元素 3...

css 選擇器使用詳解

上下文選擇器 偽類選擇器 ui選擇器 選擇所有元素 例子 用法 idid因為是唯一的所有直接用 號即可定位 例子 用法 xx用.來定位class選擇器 例子 用法 h1h1標籤都將使用此css 例子ul liul li ul li ul li firstchild 只選擇第乙個元素 ul li nt...

css3 偽類選擇器使用

web前端同學都需要清楚偽類選擇器的使用。像 link,visited,hover,active,focus,first child,lang大家已經很熟悉了,今天說說css3中新增的 nth child 和 nth of type nth child 用法 nth child n 選擇器匹配屬於其...