CSS徹底研究(1)

CSS徹底研究(1)

Github pages 博文

基本選擇器

標記選擇器h1 {...}

類別.class_name{...},兩個class同時作用,如class = '

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

ID選擇器 #id{...}

複合選擇器:兩個或多個選擇器,透過不同的方式連接

交集

h3.class_name { ... }

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

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

後代選擇器

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

div>pdiv的直接後代

CSS繼承

div>pdiv的直接後代

CSS繼承

div>pdiv的小容器會繼承它包含的小容器大容器的風格樣式

ABCD

h1{    color : red;    text-decoration : underline;}em {    color : blue;}

, em 繼承了h1的底線

CSS優先權

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

兩個class衝突時,取前者

 以上就是CSS徹底研究(1)的內容，更多相關內容請關注PHP中文網（www.php.cn）！ 🎜🎜🎜🎜🎜