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...