1、一張圖看懂css選擇器，css規則定義有哪些選擇符？

css選擇符（選擇器）有以下這些：

1、通配選擇符（ * ）：匹配任意元素。

2、id選擇符（ # myid）：匹配 ID 等于“myid”的任意元素 。

3、類選擇符（.myclassname）：匹配 class 等于“myclassname”的任意元素.

4、標簽選擇符（div, h1, p）：選擇指定元素名稱的所有元素。

5、相鄰選擇符（E + F）：用于選擇（不是內部）指定的第一個元素之后緊跟的元素。

6、子選擇符（E > F）：用于選取帶有特定父元素的元素，例ul > li，選擇所有父級是 <ul> 元素的每個 <li> 元素。（學習視頻分享：css視頻教程）

7、后代選擇符（E F）：用于選取元素內部的元素。

8、偽類和偽元素選擇符：用于向某些選擇器添加特殊的效果。

2、css的類選擇器用什么屬性引用？

用于來定義一類可以在同一個頁面內重復利用的樣式。 如比較常用的.clearfix（一般是用于清除浮動），或者自己定義的用于新聞列表的樣式，詳細的寫好鏈接、列表、邊框以及背景等屬性，有些人還會習慣把一些常用的屬性作為一個類。

3、css類選擇器用什么做前綴表示？

>10 CSS類選擇器也就是選擇html編碼中標明為特定Class(類)的元素.如<p Class="mytest">這是我要編輯的段落</p>，在CSS文件中可用 .mytest{ }來表達想要顯示的樣式。簡單地說，CSS類選擇器用" . "做前綴。

4、css的命名規則？

一、網頁制作中規范使用DIV+CSS命名規則，可以改善優化功效特別是團隊合作時候可以提供合作制作效率。

所有的命名最好都小寫

屬性的值一定要用雙引號("")括起來，且一定要有值如class="DIVcss",id="divcss"

每個標簽都要有開始和結束，且要有正確的層次，排版有規律工整

空元素要有結束的tag或于開始的tag后加上"/"

表現與結構完全分離，代碼中不涉及任何的表現元素，如style、font、bgColor、border等

<h1>到<h5>的定義，應遵循從大到小的原則，體現文檔的結構，并有利于搜索引擎的查詢。

給每一個表格和表單加上一個唯一的、結構標記id

給圖片加上alt標簽

盡量使用英文命名原則

盡量不縮寫，除非一看就明白的單詞

二、相對網頁外層重要部分CSS樣式命名：

外套 wrap ----------------用于最外層

頭部 header --------------用于頭部

主要內容 main ------------用于主體內容（中部）

左側 main-left ------------左側布局

右側 main-right -----------右側布局

導航條 nav -----------------網頁菜單導航條

內容 content ---------------用于網頁中部主體

底部 footer -----------------用于底部

DIV+CSS命名小結：

無論是使用“.”（小寫句號）選擇符號開頭命名，還是使用“#”(井號)選擇符號開頭命名都無所謂，但我們最好遵循。

主要的、重要的、特殊的、最外層的盒子用“#”(井號)選擇符號開頭命名，其它都用“.”（小寫句號）選擇符號開頭命名，同時考慮命名的CSS選擇器在HTML中重復使用調用。

通常我們最常用主要命名有：

wrap（外套、最外層）、header（頁眉、頭部）、nav(導航條)、menu(菜單)、title(欄目標題、一般配合h1\h2\h3\h4標簽使用)

、content (內容區)、footer(頁腳、底部)、logo（標志、可以配合h1標簽使用）、banner（廣告條，一般在頂部）、copyRight（版權）。