CSS（2）基本選擇器
基本選擇器
標籤選擇器
標籤選擇器，會選擇到頁面上所有的這個標籤的元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>標籤選擇器</title>
<!-- 標籤選擇器，會選擇到頁面上所有的這個標籤的元素 -->
<style>
h1{
color: #c3d23b;
background: cadetblue;
border-radius: 20px;
}
p{
font-size: 80px;
}
</style>
</head>
<body>
<h1>Java</h1>
<h1>Java</h1>
<p>琪琪又炸毛了</p>
</body>
</html>
類選擇器
類選擇器格式，.class的名稱{}(首字母不能數字)
好處，可以多個標籤歸類，是同一個class，可以複用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>類選擇器</title>
<!-- 類選擇器格式，.class的名稱{} (首字母不能數字)-->
<!-- 好處，可以多個標籤歸類，是同一個class，可以複用 -->
<style>
.biaoti1{
color : #2f70ff;
}
.biaoti2{
color: blueviolet;
}
</style>
</head>
<body>
<h1 class="biaoti1">標題1</h1>
<h1 class="biaoti2">標題2</h1>
<h1 class="biaoti1">標題3</h1>
<p class="biaoti1">p標籤</p>
</body>
</html>
id選擇器
id選擇器 ： id必須保證全域性唯一！
#id名稱{}
（首字母不能數字） 不遵循就近原則，固定的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>id選擇器</title>
<!-- id選擇器 ：
id必須保證全域性唯一！
#id名稱{}
（首字母不能數字）
不遵循就近原則，固定的
優先順序 ： id > class > 標籤
-->
<style>
#biaoti1{
color: #c3d23b;
}
</style>
</head>
<body>
<h1 id="biaoti1">標題1</h1>
<h1 >標題2</h1>
<h1 >標題3</h1>
<h1>標題4</h1>
</body>
</html>
優先順序 ： id > class > 標籤
層次選擇器
-
後代選擇器 ： 在某個元素的後面 祖爺爺 爺爺 爸爸 你
body ul{
background: #4a78c2;
} -
子選擇器 一代 兒子
body>p{
background: blueviolet;
} -
相鄰兄弟選擇器 只有一個（向下）
.active+p{
background: #222222;
} -
通用選擇器 當前選中元素的向下的所有兄弟元素
.active~p{
background: crimson;
}
程式碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>層次選擇器</title>
<style>
/*p{
background: #c3d23b;
}*/
/*後代選擇器
body ul{
background: #4a78c2;
}*/
/*子選擇器
body>p{
background: blueviolet;
}*/
/*相鄰兄弟選擇器 只有一個（向下）
.active+p{
background: #222222;
}*/
/*通用兄弟選擇器，當前選中元素的向下的所有兄弟元素
.active~p{
background: crimson;
}*/
</style>
</head>
<body>
<p>p1</p>
<p class="active">p2</p>
<p>p3</p>
<ul>
<li>
<p>p4</p>
</li>
<li>
<p>p5</p>
</li>
<li>
<p>p6</p>
</li>
</ul>
<p>p7</p>
</body>
</html>
相關推薦
CSS（2）基本選擇器
基本選擇器 標籤選擇器 標籤選擇器，會選擇到頁面上所有的這個標籤的元素 <!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <title>標籤選擇器</title> &l
CSS（4）屬性選擇器（常用）
屬性選擇器（常用） = -->絕對等於 *= -->包含 ^= -->以開頭 $= -->以結尾
BLE（2）—— 基本特性（狀態、角色、地址、通道）
基於 BLE 5.1 協議 Core Spec。 1、狀態機 根據 《BLUETOOTH CORE SPECIFICATION Version 5.1 | Vol 6, Part B》敘述，BLE 裝置狀態機包含下列狀態：
HTML5基礎知識點總結（四）---高階選擇器
技術標籤：html5CSScsshtml5 高階選擇器 當我們需要對多個不同的標籤下的相同的屬性賦同樣的值時，我們就可以使用高階選擇器 1、後代選擇器和子代選擇器 後代選擇器和子代選擇器是為了實現對某標籤下的不同層級便
CSS（2）
1.美化網頁元素 1.1 為什麼要美化網頁 有效的傳遞頁面資訊 美化頁面，頁面漂亮，才能吸引使用者
一、（2）CSS入門基礎與選擇器
CSS入門基礎與選擇器 一、CSS介紹（瞭解）1. 關於WEB標準WEB標準不是某一個標準，而是一系列標準的集合。網頁主要由四部分組成：內容（Content）、結構（Structure）、表現（Presentation）和行為（Behavior）。
【16】CSS基礎（2）——選擇器②高階選擇器
技術標籤：前端學習中css ★文章內容學習來源：拉勾教育大前端就業集訓營 【16】CSS基礎（2）——選擇器②高階選擇器
jQuery選擇器之基本選擇器（1）
jQuery選擇器之基本選擇器（1） 基本選擇器主要有五種:分別為#id選擇器、.class選擇器、element選擇器、*選擇器和組合選擇器。
jQuery選擇器之層級選擇器（2）
jQuery選擇器之層級選擇器（2） jQuery的層級選擇器中主要包括四種，分別為後代選擇器、子元素選擇器、相鄰元素選擇器、之後的兄弟元素選擇器。
CSS（3）結構偽類選擇器
結構偽類選擇器 ul的第一個子元素 /*ul的第一個子元素*/ul li:first-child{background: #4a78c2;}
2、前端--初見前後端互動、CSS簡介、基本選擇器、組合選擇器、屬性選擇器、分組與巢狀、偽類選擇器
今日內容概要 初窺後端框架 css簡介 css選擇器 今日內容詳細 初次體驗前後端互動
學習axios必知必會（2）~axios基本使用、使用axios前必知細節、axios和例項物件區別、攔截器、取消請求
一、axios的基本使用： ✿ 使用axios前必知細節： 1、axios 函式物件（可以作為axios(config)函式使用去傳送請求，也可以作為物件呼叫方法axios.request(config)傳送請求)
CSS 1.0~3.0選擇器（上）
HTML5學堂：我們學過了最為基礎的id，類名和標籤名選擇器，然後就一直用它們了嗎？如果是這樣，那會丟失掉CSS選擇器強大的功能。我們會花費幾篇文章的篇幅，將CSS1.0版本至當前最新的3.0版本當中，存在的所有選擇器講
CSS（02）CSS選擇器
一、元素（型別）選擇器 最常見的 CSS 選擇器是元素選擇器。換句話說，文件的元素就是最基本的選擇器。
（2）函式之物件、巢狀、名稱空間與作用域、閉包函式、裝飾器
一、函式物件 1，函式是第一類物件，即函式可以當做資料傳遞 # 1，可以被引用
.新手Java基本語法（2）
三，流程控制 1，接收使用者輸入 首先，建立Scanner工具類對應的實體物件input，用於操作輸入，需要注意以下兩點：
Scrapy 入門：爬蟲類詳解（Parse()函式、選擇器、提取資料）
安裝 & 建立專案 # 安裝Scrapy pip install scrapy # 建立專案 scrapy startproject tutorial # tutorial為專案名
CSS-基本選擇器
CSS選擇器 作用：選擇頁面上的某一個或某一類元素 1.1 基本選擇器 1.標籤選擇器 :選擇一類標籤標籤{}
CSS基礎（2）
1.CSS盒子模型 1.1 盒子模型的介紹 所謂的盒子模型就是把HTML頁面的元素看作一個矩形盒子，
hive（2）——hive基本操作
前提：開啟hadoop，關閉safe模式（關閉safe模式命令：hdfs dfsadmin -safemode leave） （1）建立一個數據庫hive_test（2）切換到hive_test（3）在資料庫裡面建立表hive_table注意：這裡的資料型別的寫法和