前三個常用
1.交集選擇器 （連著寫）
1.交集選擇器
.son
/* h1標籤中有乙個類名叫son */
h1.son
/* h1標籤中有乙個id名叫red */
h1#red
/* 類名為son的標籤中，有乙個id名為red */
.son#red
p, .green {
color: green;
3.後代選擇器(空格)：包含父與子，祖先與後輩
.box ul li {
color: orange;
4.子代選擇器（大於號）：父與子
.box>ul {
color: pink;
5.相鄰元素選擇器
.main>ul+div {
color: aqua;
6.兄弟元素選擇器
.main>ul~div {
background-color: yellow;
瀏覽器的執行順序：從上到下來解析
.two {
color: lightgreen;
.one {
color: mediumpurple;
CSS基本樣式與元素選擇器
層疊樣式表 cascading style sheets，簡寫css 是一種用來為html文件新增樣式 字型 間距 位置 顏色 角度等顯示效果 的計算機語言 html是內容的展示，而css是內容的裝飾 行內樣式 在開始標籤的內部可以設定乙個叫做style的屬性，屬性的雙引號內存放該元素 的css樣式...
wep前端入門03 CSS基礎選擇器
cascading style sheets 層疊樣式表 層疊 多個樣式可以作用在同乙個html的元素上，同時生效 作用 用於頁面美化和布局控制1.功能強大 2.將內容展示和樣式控制分離 降低耦合度。解耦 讓分工協作更容易 提高開發效率css與html結合方式 內聯樣式在標籤內使用style屬性指定...
CSS選擇器的基本樣式
作用是什麼 設定如何顯示 html 標籤。語法結構是什麼 第一種 選擇器 說明 這種方式的css樣式表由選擇器以及一條或多條宣告兩個部分組成 該種樣式表只能定義在style 標籤或css 檔案中，每個style標籤或css檔案可定義多個css樣式表 第二種 style declaration1 de...