css權威指南

2021-09-20 06:27:03 字數 637 閱讀 8125

第二章 選擇器

一、屬性選擇器

1、[content]新增需要設定樣式的屬性,下面例子使用的是class屬性名,即帶有class屬性名的h1元素都設定顏色為sliver:

2、根據具體屬性值改變樣式:

這種格式必須與屬性值完全匹配。

3、根據部分屬性值選擇, 也就是部分匹配:

p[class~="warning"]

warning

~(波浪號)是部分選擇的關鍵,出現該符號,代表相關元素有相應屬性就可以進行匹配,如果忽略該符號,則須完全匹配。上述例項與p.warning的作用是相同的。但是它不僅用於class。而是用於任何屬性。

img[title~="figure"]
4、更多的屬性選擇器

[foo^=「bar」]

《CSS權威指南》筆記

h1 0,0,0,1 p em 0,0,2 grape 0,0,1,0 p.bright em.dark 0,0,2,2 id123 0,1,0,0 其中 id123 0,1,0,0優先順序最高.複製 定位可以準確的定義元素框相對於其正常位置應該出現在 或者相對于父元素,另乙個元素甚至瀏覽器位置。定...

css權威指南學習筆記

替換元素 用來替換元素內容的部分並非有文件內容直接表示。元素也是替換元素,單選鈕,核取方塊,文字輸入框。非替換元素 段落,標題,表單元格,列表。除了替換和非替換元素,css2.1還使用另外兩種基本元素型別 塊級元素和行內元素。塊級元素生成乙個元素框,會填充其父元素的內容區,旁邊不能有其他元素。例 行...

《css權威指南》盒模型

可選值 none 隱藏 inline 行內元素 block 塊級元素 inline block 行內塊元素 list item run in table inline table table row group table header group table footer group table ...