基本選擇器包括標簽選擇器、類選擇器和ID選擇器三類,其他選擇器都是在這三類選擇器的基礎上組合形成 標簽選擇器 示例: 類選擇器 標簽選擇器雖然方便,但是也存在缺陷,因為每個標簽選擇器所定義的樣式不僅僅影響某一個特定對象,而且會影響到頁面中所有同名的標簽。 類選擇器可以為網頁對象 ...
CSS 層疊樣式表 CSS規則由兩個主要部分構成:選擇器以及一條或多條申明 選擇器用於指定CSS樣式的HTML標簽,屬性和屬性值以 鍵值對 的形式出現,屬性與屬性值之間用英文 : 分開,多個 鍵值對 之間用英文 分開。 選擇器選擇標簽 分類:基礎選擇器和復合選擇器 基礎選擇器:由單個選擇器組成 包括:標簽選擇器 類選擇器 id選擇器和通配符選擇器 標簽選擇器:用HTML標簽名稱作為選擇器。 作用 ...
2022-03-01 18:09 0 704 推薦指數:
基本選擇器包括標簽選擇器、類選擇器和ID選擇器三類,其他選擇器都是在這三類選擇器的基礎上組合形成 標簽選擇器 示例: 類選擇器 標簽選擇器雖然方便,但是也存在缺陷,因為每個標簽選擇器所定義的樣式不僅僅影響某一個特定對象,而且會影響到頁面中所有同名的標簽。 類選擇器可以為網頁對象 ...
引入css的方式 在css的<head>內定義一個<style>標簽 p{color: red;} 在css的<body>內的<p style ="color: red"> 在css的<head>內定義一個< ...
,</xxx>表示該標簽的結束標簽。 <style type="text/css" ...
通配符選擇器 * 與任何元素匹配 派生選擇器: 后代選擇器(包含選擇器):后代選擇器可以選擇作為元素后代的元素 A B 對A元素中的B元素應用樣式 后代選擇器中兩個元素間的層次間隔可以是無限 ...
1.>(子選擇器) #a>p{ // 使用 > 號,讓選擇器選擇id="a"的所有子類(直接子類) 結果: 2.+(相鄰選擇器) h1+p,選擇緊接在另一個元素后的元素,而且二者有相同的父元素。只會選擇第一個相鄰的匹配元素 ...
1、標簽選擇器 2、類選擇器 3、id選擇器 4、通配符選擇器(*) 5、連接類偽類選擇器(a:hover) 6、結構偽類選擇器(first-child(),last-child(),nth-child(),nth-last-child()) 7、目標偽類選擇器(:target 被選 ...
1. id選擇器(#myid) 根據id的值選擇元素 2. 類選擇器(.myclassname) 根據class的值選擇元素 3. 標簽選擇器(div,h1,p) 根據標簽選擇元素 4.相鄰選擇器/兄弟選擇器(h1+p) 匹配緊跟第一個選擇器,並且匹配第二個選擇器內的元素,如緊跟h1元素后 ...
一、后代選擇器 選取指定元素的后代元素 與子元素選擇器相比,后代選擇器選取的不一定是直接后代(兒子),而是作用於所有后代元素(兒子、孫子、重孫…)都可以。 實例:(選取類為 box的元素的 id為aa后代元素) HTML CSS 二、(> ...