2022.4.6 基本選擇器
基本選擇器
標籤選擇器
選擇一類標籤 ,格式 : 標籤{}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>標籤選擇器</title>
<style>
h1{
/*顏色*/
color: red;
/*背景顏色*/
background: green;
/*圓角邊框 數字為圓角大小*/
border-radius: 24px;
}
p{
/*字型大小*/
font-size: 80px;
}
</style>
</head>
<body>
<h1>java</h1>
<h1>c</h1>
<p>python</p>
</body>
</html>
類選擇器class
選擇所有class屬性一致的標籤,跨標籤,格式:.class的屬性值{}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>類選擇器</title>
<style>
/*類選擇器格式:.class的屬性值{}*/
.name1{
color: #8d3a3a;
}
.name2{
color: #ff3139;
}
</style>
</head>
<body>
<h1 class="name1">標題1</h1>
<h1 class="name2">標題2</h1>
<h1>標題3</h1>
<p class="name1">p標籤</p>
</body>
</html>
id選擇器
全域性唯一 格式: #id屬性值{}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>id選擇器</title>
<style>
/*id選擇器:全域性唯一
格式: #id名稱{}
*/
#name1{
color: #ff36fb;
}
.name2{
color: #5dff4c;
}
/*不遵循就近原則 id選擇器>類選擇器>標籤選擇器*/
</style>
</head>
<body>
<h1 id="name1">哈哈</h1>
<h1 class="name2">你好</h1>
<h1 class="name2">你們好</h1>
<h1>你好呀</h1>
</body>
</html>
優先順序:不遵循就近原則 id選擇器>類選擇器>標籤選擇器
相關推薦
2022.4.6 基本選擇器
基本選擇器 標籤選擇器 選擇一類標籤 ,格式 : 標籤{} <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <title>標籤選擇器</title>
2022.4.6 屬性選擇器
屬性選擇器(常用) id + 類 結合 <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <title>屬性選擇器</title> <style&
2022.4.6 層次選擇器
層次選擇器 1、後代選擇器 在某個元素的後面 祖爺爺 爺爺 爸爸 你 <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <title>index</ti
2022.4.6 結構偽類選擇器
結構偽類選擇器 偽類:在選擇器後面加上一些條件 形式: 標籤名: <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <title>Title</title&g
陰陽師2022.4.6更新速覽:殘局得勝第三期上線;抽卡活動基本確定
(封面原圖:Pixiv@RADO -冉鶇)雙服公告,盡在掌握 更新時間:2022.4.5 正式服:殘局得勝、御魂自選上線
jQuery選擇器之基本選擇器(1)
jQuery選擇器之基本選擇器(1) 基本選擇器主要有五種:分別為#id選擇器、.class選擇器、element選擇器、*選擇器和組合選擇器。
CSS-基本選擇器
CSS選擇器 作用:選擇頁面上的某一個或某一類元素 1.1 基本選擇器 1.標籤選擇器 :選擇一類標籤標籤{}
CSS基本選擇器
1.標籤選擇器 <style> h1{ color: red; } </style> 更改所有標籤 2.類選擇器 <h1 class=\"a1\">text</h1>
CSS-6-屬性選擇器
技術標籤:CSScss3屬性選擇器 CSS -> 屬性選擇器 id選擇器+class選擇器的結合 <!DOCTYPE html>
css基礎篇 01 語法規範 基本選擇器 字型屬性 文字屬性 樣式表
技術標籤:前端htmlcss 語法規範 樣式都寫在<style>裡,<style>一般寫到<head>上方
JQuery 基本選擇器
技術標籤:# 6.2 JQueryjquery基本選擇器ID選擇器類選擇器元素選擇器 ID選擇器 : #ID的名稱類選擇器: 以 . 開頭 .類名元素選擇器: 標籤的名稱萬用字元選擇器: *選擇器,選擇器: 選擇器1,選擇器2
CSS(2)基本選擇器
基本選擇器 標籤選擇器 標籤選擇器,會選擇到頁面上所有的這個標籤的元素 <!DOCTYPE html><html lang=\"en\"><head> <meta charset=\"UTF-8\"> <title>標籤選擇器</title> &l
CSS(4)屬性選擇器(常用)
屬性選擇器(常用) = -->絕對等於 *= -->包含 ^= -->以開頭 $= -->以結尾
Jq基本選擇器
1.id選擇器 $(“#ids”)其中的ids是一個標籤的id值而$(“#ids”)就是滿足條件的那個標籤!
jquery基本選擇器
1.id選擇器 $(“#ids”)其中的ids是一個標籤的id值而$(“#ids”)就是滿足條件的那個標籤!
2、前端--初見前後端互動、CSS簡介、基本選擇器、組合選擇器、屬性選擇器、分組與巢狀、偽類選擇器
今日內容概要 初窺後端框架 css簡介 css選擇器 今日內容詳細 初次體驗前後端互動
三種基本選擇器
三種基本選擇器 標籤選擇器 同類型標籤設定:例如設定h1標籤,則所有的h1標籤都會被設定
【今日陰陽師】2022.4.6更新內容速報:抽卡活動確定!
(封面原圖:Pixiv@Callarin)雙服公告,盡在掌握 更新時間:2022.4.5 正式服:殘局得勝、御魂自選上線
指甲油の作戰日記 #714 2022/4/6 完成100場作戰
今天是作戰記錄的第 714 天, 每日 100 次作戰小目標已完成 進行了 100 次作戰,
命運2週報 - 2022.4.6
命運2週報 - 2022.4.6 本週要聞 宗師日落已解鎖;本週掉落專家迴文及插頭一號