第19節 css高階特性之復合選擇器

2021-07-27 00:25:38 字數 1004 閱讀 1024

css高階特性之   復合選擇器title>

type="text/css">

/*交集選擇器*/

/*h1

ph2.special

.special*/

/*並集選擇器*/

/*h2,h3,h4,h5,h6,p*/

/*後代選擇器*/

pspan

span

/*後代選擇器之類別選擇器*/

.special

i #one

li td

.out

.inside

strong

style>

head>

復合選擇器包含:交集選擇器、並集選擇器、後代選擇器h1>

class="special">交集選擇器格式:標籤.h2>

我的顏色是橘色p>

class="special">我是藍色p>

並集選擇器格式:標籤,標籤,標籤h2>

標題三h3>

標題四h4>

標題五h5>

標題六h6>

並集選擇器段落p>

後代選擇器h2>

後代選擇器格式:《外標籤》

《內標籤》

內標籤》

外標籤》 這種形式就是說內標籤是外標籤的後代 css用法p spanp>

樣式如下:

巢狀使用css(紅色)span>標記的方法巢狀之外的p>

標記(藍色)span>不生效

class="special">後代選擇器之組合類別選擇器i>

p>

id="one">

後代選擇器之組合之id選擇器li>

p>

class="out">

class="inside">

其他內容css控制strong>其他內容

p>

td>

body>

html>

CSS高階特性

標籤指定式選擇器 標籤指定式選擇器又稱交集選擇器,由兩個選擇器構成,其中第乙個為標記選擇器,第二個為class選擇器或id選擇器,兩個選擇器之間不能有空格 1 3 smeta htty equlv conter.t type content tex stit1e 標籤指定式選擇器的應用 7 8 p ...

三十六 CSS高階特性

box盒子 它是抽象於現實生活中的盒子,將網頁中的所有元素看做是乙個個的盒子,那麼在調整網頁中的這些元素布局時,就可以通過調整盒子資訊來進行。盒子模型的組成 盒子內容 盒子的內邊距 盒子內容到邊框的填充 盒子邊框 盒子外邊距 1.邊框 border style solid border style ...

CSS入門 3 3 CSS高階特性

標籤指定式選擇器又稱交集選擇器,由連個選擇器構成,其中第乙個為標記選擇器,第二個為class選擇器或id選擇器,兩個選擇器之間不能有空格,如h3.special或p one.如 這是一段藍色段落文字 普通 special 指定了.special類的段落文字 綠色 後代選擇器用來選擇元素或元素組的後代...