02 css的選擇器

2022-07-10 00:33:11 字數 983 閱讀 9665

css的選擇器:1.基本選擇器 2.高階選擇器

基本選擇器包含:

1.標籤選擇器

標籤選擇器可以選中所有的標籤元素,比如div,ul,li ,p等等,不管標籤藏的多深,都能選中,選中的是所有的,而不是某乙個,所以說 "共性" 而不是 」特性「

body

/*標籤選擇器*/

pspan

2.id選擇器

# 選中id

同乙個頁面中id不能重複。

任何的標籤都可以設定id

id命名規範 要以字母 可以有數字 下劃線 - 大小寫嚴格區分 aa和aa是兩個不一樣的屬性值

#box

#s1#s2

3.類選擇器

3.1 所謂類 就是class . class與id非常相似 任何的標籤都可以加類但是類是可以重複,屬於歸類的概念。

3.2 同乙個標籤中可以攜帶多個類,用空格隔開

類的使用,能夠決定前端工程師的css水平到底有多牛逼?

答案:一定要有」公共類「的概念

.lv

.big

.line

<

div>

<

p class

="lv big"

>段落1

p>

<

p class

="lv line"

>段落2

p>

<

p class

="line big"

>段落3

p>

div>

總結:

玩好了類 就等於玩好了css中的1/2

到底使用id還是用class?

答案:盡可能的用class。除非一些特殊情況可以用id

原因:id一般是用在js的。也就是說 js是通過id來獲取到標籤

02 css的選擇器

css的選擇器 1.基本選擇器 2.高階選擇器 基本選擇器包含 1.標籤選擇器 標籤選擇器可以選中所有的標籤元素,比如div,ul,li p等等,不管標籤藏的多深,都能選中,選中的是所有的,而不是某乙個,所以說 共性 而不是 特性 body 標籤選擇器 p span 2.id選擇器 選中id 同乙個...

02 css基礎選擇器

1.css選擇器作用 找到特點的html元素 css分為兩件事 選對標籤 做對事 選擇器分為基礎選擇器 和 復合選擇器 2.css基礎選擇器 2.1標籤選擇器 概念 標籤選擇器 元素選擇器 是指用 html標籤名 稱作為選擇器,按標籤名稱分類,為頁面中某一類標籤指定統一的css樣式。語法 標籤名 作...

前端基礎 02 CSS選擇器

css樣式分為3種 優先順序 行內樣式 內嵌樣式 外部樣式 1.行內樣式 width 300px height 300px background green 2.內嵌樣式 head中間新增樣式 3.外部樣式 lesson.css樣式檔案 div 引用方式 stylesheet href lesson...