css中常用選擇器

2021-10-22 15:10:11 字數 754 閱讀 9362

css中可以通過【選擇器】【宣告塊】來確定樣式,使用時通過link標籤將css檔案引入後,直接確定好css檔案中的選擇器來規定某些內容的表現樣式。常用的選擇器包括id選擇器,類選擇器,交集選擇器,並集選擇器,關係選擇器,偽類選擇器等。

id選擇器通過id來確定選擇器,語法為【#選擇器】【宣告塊】,利用(id=」選擇器「)來確定樣式,要求id的實行不能相同;

類選擇器是比較常用的一種選擇器,語法為【.選擇器】【宣告塊】,通過(class=「選擇器」)來確定,類選擇器和id選擇器類似,不同的是類選擇器的屬性值可以重複;類選擇器也可以同時選擇多個選擇器(class=」選擇器1 選擇器2「);

語法為【.選擇器1.選擇器2.選擇器3】【宣告塊】,通過(class=」選擇器1 選擇器2 選擇器3「)來一起確定這個樣式;

語法為【選擇器1,選擇器2】【宣告塊】,通過(class=」選擇器1「)或者(class=」選擇器2「)都可以使用此樣式;

乙個塊結構中可以有很多元素構成,元素之間構成各種關係,包括父子關係,兄弟關係等。如(div)(p.)(span)結構。【父元素》子元素】【宣告塊】表示子元素的樣式。【元素a 後代元素a】【宣告塊】表示元素a下的所有後代元素a的樣式。【元素1+元素2】【宣告塊】表示元素1的下乙個兄弟元素樣式,【元素1~元素2】【宣告塊】表示元素1後面的所有兄弟樣式

偽類表示不存在的類,用來描述乙個元素的特殊狀態,一般用冒號開頭。如【ul>li:first-child】【宣告塊】表示表中第乙個元素的樣式,【ul>li:nth-child(2)】【宣告塊】表示表中第二個元素的樣式。

CSS中常用的選擇器?

1.標籤選擇器 div div 2.類選擇器 leiclass lei 呼叫類div 3.id選擇器 id id 呼叫類div 4.後代選擇器 houdai houdai1class houdai class houdai1 我是後代div div 5.兒子選擇器 erzi erzi1class e...

pyquery中常用選擇器

一 元素選擇 所有元素 element p 元素ele1,ele2 th,td 或元素 id p lastname id lastname 的p元素 class p.intro class intro 的p元素 class.class p.intro.demo class intro 且 class...

CSS常用選擇器

class 選擇器 選擇並設定 class intro 的元素的樣式 intro id選擇器 為 id firstname 的元素設定樣式 firstname 標籤選擇器 選擇並設定所有 元素的樣式 p並集選擇器 使用 逗號 連線兩個選擇器 選擇並設定所有 樣式和所有 元素的樣式 h1,p 後代選擇...