css知識點選擇器

2021-10-08 14:29:52 字數 1978 閱讀 4840

**1、內聯樣式:**在標籤內使用style屬性指定css**

"color:red;"

>這是乙個div標籤<

/div>

**2、內部樣式:**在head標籤內,定義style標籤,style標籤的標籤體內容就是css**

div

hello css<

/div>

**3、外部樣式:**1. 定義css資源檔案。

2. 在head標籤內,定義link標籤,引入外部的資源檔案

"stylesheet" type=

"text/css" href=

"css/d1.css"

/>

"text/css"

>

@import

url(

"css/d1.css");

<

/style>

1、標籤選擇器/元素選擇器:選擇具有相同標籤名稱的元素

div

hello css<

/div>

**2、類選擇器:**選擇具有相同的class屬性值的元素。

.divid

"divid"

class

="divid"

>

這是id選擇器的div標籤

<

/div>

3、id選擇器:選擇具體的id屬性值的元素.建議在乙個html頁面中id值唯一

* 語法:#id屬性值{}

#divid

"divid"

>

這是id選擇器的div標籤

<

/div>

優先順序: id > class > 元素選擇器

4、選擇所有:優先順序最低

*

5、並集選擇器

span,p

span標籤<

/span>

這是乙個段落二<

/p>

<

/div>

6、子選擇器:選擇子元素

div p

div標籤

這是第乙個段落<

/p>

這是第二個段落<

/p>

<

/div>

7、父選擇器

div>p

span標籤<

/span>

這是乙個段落二<

/p>

<

/div>

8、相鄰選擇器

p+p

這是第乙個段落<

/p>

這是第二個段落<

/p>

9、兄弟選擇器:同乙個標籤

.span~span

="span"

> hello world1<

/span>

hello world2 <

/span>

10、屬性選擇器

"確定"

/>

css 取偶數節點 css節點擊擇器

基礎選擇器 基礎選擇器是選擇器的所有選擇器的基本組成元素,也最簡單,包含如下5個類別 id選擇器 標籤選擇器 類選擇器 屬性選擇器 類選擇器算是乙個特殊的屬性選擇器,通用的屬性選擇器舉例如下 css href html 通配選擇器 就是特殊符號 一般不建議單獨使用,因為這個匹配效率很低 組合選擇器 ...

CSS之基礎重點擊擇器的使用

常用的選擇器有如下幾種 1 標籤選擇器 標籤選擇器,此種選擇器影響範圍大,建議盡量應用在層級選擇器中。舉例 div 2 id選擇器 通過id名來選擇元素,元素的id名稱不能重複,所以乙個樣式設定項只能對應於頁面上乙個元素,不能復用,id名一般給程式使用,所以不推薦使用id作為選擇器。舉例 box 3...

Beautiful Soup 01節點擊擇器

beautiful soup自動將輸入文件轉換為unicode編碼,輸出文件轉換為utf 8編碼,不需要考慮編碼問題。beautiful soup安裝 直接呼叫節點的名稱就可以選擇節點元素,再呼叫string屬性就可以得到節點內的文字了,這種選擇方式速度非常快。如果單個節點結構層次非常清晰,可以選用...