佳木斯湛栽影视文化发展公司

主頁 > 知識庫 > Lesson03_02   樣式規(guī)則選擇器

Lesson03_02   樣式規(guī)則選擇器

熱門標(biāo)簽:智能手機(jī) 銀行業(yè)務(wù) 鐵路電話系統(tǒng) 美圖手機(jī) 檢查注冊表項(xiàng) 網(wǎng)站文章發(fā)布 呼叫中心市場需求 服務(wù)器配置

樣式規(guī)則選擇器



作者:Loncer 更多學(xué)習(xí)資源盡在:wwww.loncer.cn
  • HTML selector

    就是HTML標(biāo)簽做為selector,這樣在所有CSS應(yīng)用的網(wǎng)頁中,所有HTML標(biāo)簽都會按照所定義的語句來進(jìn)行顯示.

  • Class selector
    要將一種HTML標(biāo)簽所創(chuàng)建的各個(gè)網(wǎng)頁元素分成幾類,則要將這個(gè)HTML標(biāo)簽的class設(shè)置成為不同的值:
例如:

p class="stop">p1/p>
p class="warning">p2/p>
p class="normal">p3/p>
樣式定義如下:
style>
!--
p.stop {color:red}
p.waring {color:blue}
p.normal {color:green}
-->
/style>
注:如果在樣式表定義的時(shí)候,selector直接以(.)后接類名,這條樣式規(guī)則就適用于所有class=該類名,的所有HTML標(biāo)簽. 即把class selector分為了兩類:

  1. 關(guān)聯(lián)class selector: HTML標(biāo)簽名.類名(可以為同一元素定義不同的規(guī)則).
  2. 獨(dú)立class selector: .類名(可以為不同的元素定義相同的樣式規(guī)則).
  • ID selector ID屬性用來定義某一特定的HTML元素,一個(gè)網(wǎng)頁文件中只能有一個(gè)元素使用某一ID值.
    網(wǎng)頁中:
    span ID="yellowone">text here/span>
    樣式定義如下:
    style>
    !--
    #yellowone {color:yellow}
    -->
    /style>
  • 關(guān)聯(lián)選擇器 指用一個(gè)空格隔開的兩個(gè)或更多的單一選擇器組成的字符串
    例如:
    p em {background: yellow}
    其中的"p em"就是關(guān)聯(lián)選擇器,它表示p>標(biāo)簽對中的em>標(biāo)簽對之間的內(nèi)容的背景為黃色,其它地方出的em>標(biāo)簽對中的內(nèi)容不受影響.
    注:關(guān)聯(lián)選擇定義的規(guī)則的優(yōu)先權(quán)高于單一的選擇器定義的規(guī)則.
  • 組合選擇器 為了減少樣式表的重復(fù)聲明,可以在一條樣式規(guī)則定義中組合若干個(gè)選擇器.
    例:H1,H2,H3,H4,H5,H6,TD{color:red}
  • 偽元素選擇器 是指對同一HTML元素的各種狀態(tài)和其所包函的部分內(nèi)容的一種定義方式.
    格式如下: HTML元素:偽元素周期律{屬性:值}
    常用的偽元素如下
    元素名 作用
    A:active 選中超鏈接時(shí)的狀態(tài)
    A:hover 光標(biāo)移動到超鏈接上的狀態(tài)
    A:link 沒有任何動作時(shí)的狀態(tài)
    A:visited 訪問過的超鏈接狀態(tài)
    P:first-line 段落中的第一行文本
    P:first-letter 段落中的第一個(gè)字母

    類選擇器可以和偽元素一起使用:
    HTML元素.類名:偽元素 {屬性:值}
  • 標(biāo)簽:沈陽 紅河 河南 長治 滄州 新疆 上海 樂山

    巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Lesson03_02   樣式規(guī)則選擇器》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266
    宿松县| 搜索| 三明市| 南乐县| 信宜市| 驻马店市| 江北区| 罗江县| 林州市| 凌海市| 栾城县| 嫩江县| 墨脱县| 大邑县| 伊金霍洛旗| 合作市| 通城县| 颍上县| 顺平县| 安乡县| 温泉县| 都匀市| 突泉县| 呈贡县| 广东省| 英山县| 玉环县| 青海省| 大渡口区| 虎林市| 水富县| 卓尼县| 古蔺县| 磴口县| 秭归县| 金昌市| 泾阳县| 寻甸| 中方县| 合江县| 凤山市|