css樣式表教程04css偽類選擇器，CSS選擇器first？
.content[data-role=page]:nth-child(2){} 使用:first-child偽類時一定要保證前面沒有兄弟節點，你前面有個content所以會失效
1
2
3
你把這里的span去掉和加上再看效果 就明白了
DW教程如何利用CSS樣式設置列表文字？
1打開Adobe Dreamweaver CC 2015。
2執行菜單欄中的"文件>新建"命令或按住Ctrl+N鍵打開"新建文檔"對話框，選擇其文檔類型為HTML，單擊"創建"按鈕，即創建一個網頁文檔。
3在<body>和</body>之間添加<ul class="text"></ul>，如下圖所示。【基本語法】<ul class="XXX"> ....</ul>【語法說明】在HTML文件中，可以利用成對的<ul></ul>標記插入無序列表。CSS中的class中文意思是類,類可以應用于多個標簽元素。類前面都帶有一個英文句點“.”如:<style type="text/css".bigfont {font-size:36px}</style>引用時在標簽里加上class=""例:用在段落標簽：<p class="bigfont">大字體</P>
4<ul> 和</ul>之間添加"<li>首頁</li> <li>新聞</li> <li>汽車</li> <li>體育</li> <li>視頻</li>",如下圖所示。【基本語法】<ul class="XXX"><li>....</li><li>....</li><li>....</li><li>....</li>.....</ul>【語法說明】列表項標記<li></li>用來定義列表項序列。
5<head>和</head>之間添加"<style type="text/css"></style>",如下圖所示。【基本語法】<style type="text/css">選擇符1{樣式屬性：屬性值；樣式屬性：屬性值；...}選擇符2{樣式屬性：屬性值；樣式屬性：屬性值；...}....選擇符n{樣式屬性：屬性值；樣式屬性：屬性值；...}</style>【語法說明】<style>標記是用來說明所要定義的樣式，type屬性是指style元素以CSS的語法定義。【選擇符1..選擇符n】：選擇符可以使用HTML標記的名稱，所有的HTML標記都可以作為選擇符。【樣式屬性】：主要指關于對選擇符格式化顯示風格的樣式屬性名稱。【屬性值】：設置對應樣式屬性的值。
6<style type="text/css"></style>之間添加".text{color:hsla(295,86%,50%,1.00);font-family:"微軟雅黑";list-style-type:none;}【基本語法】color屬性：設置字體顏色font-family屬性：設置文字樣式list-style-type屬性：設置列表樣式（none：不顯示任何列表符號或編號）
7保存網頁文件，按住F12鍵可以在瀏覽器中預覽效果，如下圖所示。
偽類選擇器和偽元素選擇器的區別？
偽元素和偽類之所以這么容易混淆，是因為他們的效果類似而且寫法相仿，但實際上 css3 為了區分兩者，已經明確規定了偽類用一個冒號來表示，而偽元素則用兩個冒號來表示。
創建CSS樣式？
1、創建使用CSS樣式表有三種，分別是外部樣式表，內部樣式表和內聯樣式。下面通過一個小demo演示它們的用法，首先新建一個html文件，放入3個button按鈕，給前兩個按鈕分別設置class屬性為btn1和btn2：
2、接著準備一個css文件，命名為demo.css，在文件內寫入按鈕A的樣式，保存css文件：
3、回到剛才的html文件，在style標簽中用link標簽引入上一步創建的css文件，這就是外聯樣式的用法，總結就是創建好的css文件內寫好樣式，然后在html文件中用link標簽引入即可，這也是大部分網站使用的方法，因為其引入方便，管理起來也比較方便：
4、接著是內部樣式表的使用，這里直接在head標簽里創建style標簽，在里面加入btn2的樣式。對于內部樣式表簡單的html文件，內部樣式是很方便的，但是結構復雜的html文件使用它就會讓文件顯得很混亂：
5、最后是內聯樣式的使用，直接在第三個標簽內使用style屬性加入樣式就可以了：
6、最后保存html文件，打開瀏覽器可以看到三個按鈕的樣式都出現了。以上就是css樣式表的制作方法：