4.CSS選擇器

1.上節補充:style標簽寫在head內(不必要給用戶看)

2.CSS語法:選擇器{屬性名:屬性值;}

【eg】 p {color:red;font-size:40px;}

3.通過link標簽引用css:(推薦)

新建css文件,放入html文件同級中,用link標簽在head中引用

4.部分css選擇器:

element:標簽;

.class:需要在標簽中設置class屬性;

#id:需要在標簽中設置id屬性;(與class區別:命名規則上,id獨一無二,class一類)

*:所有;

element,element:兩個標簽效果相同時;(逗號表示并列關系)

element element:前標簽的子孫中的后標簽;(空格表示后代關系)

element>element:前標簽的兒子中的后標簽;(空格表示父子關系)

element:hover:鼠標經過某個標簽時變化;

5.優先級和權重

| 順序有影響:style屬性>style標簽>link css;css中多個標簽 服從后者;多個link 服從后者。

| 明確程度有影響:內部評分。【eg】 h1 a>a

| !important:選擇器{屬性名:屬性值 !important;}【破壞規則者,少用】

6.繼承:父標簽定義的樣式會繼承給子子孫孫



?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1.CSS基礎選擇器 1)通配符選擇器 通配符選擇器用“*”號表示,他是所有選擇器中作用范圍最廣的,能匹配頁面中所...
    碼海無際閱讀 397評論 0 1
  • 基礎選擇器 想要將CSS樣式應用于特定的HTML元素,首先需要找到該目標元素。在CSS中,執行這一任務規則部分被稱...
    Augustzhao閱讀 243評論 0 0
  • 一.CSS有兩大重點 1.屬性通過屬性的復雜疊加才能做出漂亮的網頁 2.選擇器通過選擇器找到對應的標簽設置樣式,選...
    IIronMan閱讀 502評論 2 2
  • 1.CSS 元素選擇器 最常見的 CSS 選擇器是元素選擇器。換句話說,文檔的元素就是最基本的選擇器。如果設置 H...
    饑人谷_小侯閱讀 884評論 0 1
  • 最近在看html基礎,好吧,寫點筆記,比較low見諒,反正我自己看懂就行了 CSS基礎 1、css簡介 casca...
    小龍是只貓閱讀 601評論 0 1