CSS 基本選擇器

2021-07-07 01:38:04 字數 861 閱讀 8679

/* * css的選擇器

* 告訴css的**作用在哪個標籤上。

* 基本選擇器

* 標籤名選擇器 div{} span{}

* 類選擇器:在html的標籤上,提供了屬性 class,定位到div的標籤(美工經常使用的方式)

* 寫法: .class的名稱 (.hehe)

* 設定不同的標籤,具有相同的樣式

* id選擇器

* 在html的標籤上,提供的屬性 設定樣式

* 寫法: #id的名稱 (#haha)

* 一般情況下:設定不同的id

* 一般情況下給js語言來使用。

* 優先順序:(特殊情況下)

* 標籤名選擇器 < 類選擇器 < id選擇器 < style屬性

* 擴充套件選擇器

* div

.hehe

*/#haha

divstyle>

head>

這是div的區域1div>

id="haha">這是div的區域2div>

class="hehe">這是span的區域1span>

id="haha2">這是span的區域2span>

class="hehe">這是p的區域1p>

這是p的區域2p>

body>

html>

基本CSS選擇器

基本css選擇器,復合選擇器,後代選擇器 基本css選擇器有標記選擇器 類別選擇器 id選擇器3種 1。標記選擇器 每一種html標記的名稱都可以作為相應的標記選擇器的名稱,如h1,p,等等 2。類別選擇器 類別選擇器的名稱可以由使用者自定義 格式如下 class 3。id選擇器 與類別選擇器相試 ...

CSS基本選擇器

作用 選擇介面上的某乙個或者某一類元素 標籤選擇器會選擇到頁面上所有的這個標籤的元素 h1 h1為標籤 選擇所有class屬性一致的標籤,跨標籤 同乙個標籤,但是顏色不同,則不能用標籤選擇器。在標籤內定義class,並在style中分別用類選擇器定義顏色 好處 可以多個標籤歸類,是同乙個class,...

CSS基本選擇器

一 css選擇符 概念 選擇符表示要定義樣式的物件,可以是元素本身,也可以是一類元素或者是指定名稱的元素。1.css選擇符包括四大類 型別選擇符 id選擇符 class型別選擇符 特殊選擇符 1 型別選擇符 語法 元素名稱 說明 型別選擇符就是以文件語言物件型別作為選擇符,即使用結構中元素名稱作為選...