前端基礎之五 元素關係及選擇器

2021-07-28 04:33:43 字數 977 閱讀 5162

1、id和class:必須以字母開頭,可以有數字。在前端開發中,編寫css時,一般用class選擇器,盡量避免使用id選擇器。

id選擇器    #id  。 id是乙個元素的唯一標識。

class選擇器    .class  。class屬性用來為乙個元素分組,頁面中相同的class屬性值可以出現多個,並且乙個元素可以擁有多個class.

2、標籤中還支援乙個屬性,叫做title. 

乙個元素設定了title屬性以後,當滑鼠引入到元素上邊時,title中的文字會顯示出來。

3、元素之間的關係

(1)祖先元素:直接或間接被祖先元素包含的元素我們稱為後代元素(子元素也是後代元素)。

(2)後代元素: 直接或間接包含後代元素的元素我們稱為祖先元素(父元素也是祖先元素)。

(3)父元素:直接包含子元素的元素我們稱為父元素。

(4)子元素: 直接被父元素包含的元素我們稱為子元素。

(5)兄弟元素: 擁有相同的父元素的元素稱為兄弟元素。

3、不同關係的選擇器

(1)後代元素選擇器:

- 作用:選擇指定元素的指定後代元素

- 語法:祖先元素 後代元素

- 例子:div p{}

- 這樣會選取所有的在div中的p元素

(2)子元素選擇器:

- 作用:選擇器指定元素的指定子元素

- 語法:父元素 > 子元素

- 例子:div > p{}

- 會選中所有的div的子元素p

(3)兄弟元素選擇器:

- 作用:選擇指定元素的後乙個兄弟元素或者後邊所有的兄弟元素

指定元素的後乙個兄弟元素

- 語法:前乙個 + 後乙個

- 例子:div + p{}

- 選中緊挨著div後邊的p元素

指定指定元素後邊的所有元素

- 語法:前乙個 ~ 後乙個

- 例子: div ~ p {}

- 選擇div後邊所有的p兄弟元素

201809 3 元素選擇器

ccf201809的第三題 題目就不粘上來了!設計思路 首先要用乙個結構體來儲存每一行文件,有等級 標籤以及id。其次需要注意的是標籤不區分大小寫!對於選擇器,大致可以分為兩種,第一種是只有單個的標籤或者id,這種直接遍歷文件即可 也就是我們處理過後的結點陣列 第二種是分層的,這種我們需要從選擇器的...

201809 3 元素選擇器

模擬題,細心細心再細心,整個結構是乙個樹型的結構。include include include include include includeusing namespace std typedef long long ll const int inf 0x3f3f3f3f const double...

201809 3 元素選擇器

試題編號 201809 3 試題名稱 元素選擇器 時間限制 1.0s 記憶體限制 256.0mb 問題描述 注意 1 乙個元素的祖先是緊接著其上的縮排小於等於其縮排的那些元素 連續的區域 中的縮排小於其縮排的元素 沒有等於的元素,等於的元素只是起一種連線作用 2 後代選擇器只能是多個id或者是多個l...