CSS徹底研究(1)

CSS徹底研究(1)

Github pages 博文

基本選取器

標記選取器h1 {...}

類別.class_name{...},兩個class同時作用,如class = 'one two',衝突取前者

ID選取器 #id{...}

複合選取器:兩個或多個選取器,通過不同的方式串連

交集

h3.class_name { ... }

其中第一個必須是標記選取器,第二個必須是(類別選取器)or(ID選取器),中間沒有空格,必須連續書寫

並集選取器a_selector , b_selector也就是多個選取器

後代選取器

div p { /* div 下面的p,包括所有後代*/}

div>pdiv的直接後代

CSS繼承

被包含的小容器會繼承包含它的大容器的風格樣式

<h1><em>AB</em>CD</h1>h1{ color : red; text-decoration : underline;}em { color : blue;}

結果,em 繼承了 h1的底線

CSS優先順序

行內樣式(style=) > ID樣式(#id) > class樣式(.class) > 標記樣式(div)

兩個class衝突時,取前者

以上就是CSS徹底研究(1)的內容，更多相關內容請關注topic.alibabacloud.com（www.php.cn）！

