css 選擇器使用詳解

上下文選擇器

偽類選擇器

ui選擇器

*選擇所有元素

//例子

//用法
#id

//例子

//用法
.xx

//例子

//用法
h1

//例子

ul li

ul > li;

ul *li;

ul li:firstchild //只選擇第乙個元素

ul li:nth-child(2)//只選擇第二個元素
ul li:nth-child(2n+1) // 只選擇奇數行

h1:: first-letter 第乙個字元

p::first-line第一行
h1::before //乙個冒號代表css1css2有的偽元素,兩個冒號代表css3新增的偽元素

css選擇器使用

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

Css之選擇器使用

我們都知道，css 指層疊樣式表 cascading style sheets 主要用來為html 元素定義顯示樣式。本文主要來看一下css的選擇器，選擇器用來定義css的樣式，一般有以下幾種 使用css樣式有三種方式，分別為外鏈式 內嵌式和行內式，下面我們分別來看看具體如何引用。注意 當 impo...

css3 偽類選擇器使用

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