什么是樣式選擇器是樣式選擇器當定義一條樣式規則時必須指定受這條樣式規則作用的網頁元素在一條規則中定義的網頁元素就是選擇器也就是選擇該樣式規則作用于的網頁元素選擇器有標簽就用選擇器選擇符就是賦予內部或外部樣式表的名字的標簽用來改變一個指定標簽的樣式任何一個元素都可以是一個選擇符類選擇器同一個選擇器能有不同的類因而允許同一個元素有不同的樣式定的方法類名類名是自定義的如果不加則代表所有元素類名類名類名同一個元素可以使用多個類類名之間使用空格分開選擇器在頁面中屬性指定了某個單一元素屬性就用來對單一元素定

什么是樣式選擇器 Selector { /* Selector 是樣式選擇器 */ property:value; /* color:red; */ property:value; /* font-size:4cm; */ … } Selector:當定義一條樣式規則時，必須指定受這條樣式規則作用的網頁元素，在一條規則中定義的網頁元素就是selector(選擇器)，也就是選擇該樣式規則作用于的網頁元素。 HTML選擇器 HTML有標簽， CSS就用選擇器 選擇符就是賦予內部或外部樣式表的名字 HTML的標簽，用來改變一個指定標簽的樣式 任何一個元素都可以是一個CSS選擇符 類選擇器 同一個選擇器能有不同的類，因而允許同一個元素有不同的樣式 定的方法 [tag].類名 (類名是自定義的,如果不加tag則代表所有HTML元素) (同一個元素可以使用多個類，類名之間使用空格分開) ID選擇器 在HTML頁面中， ID屬性指定了某個單一元素，id屬性就用來對單一元素定義單獨樣式 一個HTML頁面中，ID屬性值要唯一 #idname { } (idname是自定義的名稱) 關聯選擇器 關聯選擇器只不過是一個用空格隔開的兩個或更多的單一選擇器給成的字符串 因為層疊順序的規則，它們的優先權比單一的選擇符大 必須按關聯關系使用，不能有反順序 只要能保持關聯關系就可以，不管是在多少層 組合選擇器 為了減少樣式表的重復聲明，組合是允許的 只要使用英文逗號(,)隔開每個選擇符就可以了 偽元素選擇器 偽元素選擇器是指對同一個HTML元素在不同的狀態下的一種定義方式 目前只有a和p兩處HTML元素可以使用 使用時的語法 標簽：偽元素 標簽［.類名］：偽元素 a:link 沒有任何運作前的狀態 a:hover 光標移到到超鏈接上的狀態 a:active: 選擇超鏈接的狀態 a:visited 訪問過超連接的狀態 p:first-letter 一個段落中首個字母的狀態 P:first-line 一個段落中首行的狀態 樣式規則的繼承 所有嵌套在某個HTML標簽中的HTML標簽都會繼承外層標簽設置的樣式規則。 樣式規則的優先級 關聯>ID選擇器>CLASS選擇器>HTML標簽選擇器 總結 掌握各種樣式選擇器 Thanks CSS的多種選擇器的使用 課程內容 什么是樣式選擇器 HTML選擇器 類選擇器 ID選擇器 關聯選擇器 組合選擇器 偽元素選擇器 參考教材：《細說PHP》第四章 * *

總結

以上是生活随笔為你收集整理的可以对同一个html元素定义不同的样式,CSS的多种选择器的使用.ppt的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。