css選擇器選擇所有元素，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一樣嗎？
CSS3是CSS的子集，CSS3是最新的標準，提供了很多好用的新屬性，提升了網頁的表現性。
CSS3提供了更好用的選擇器最新的CSS3中，對偽類、偽元素選擇器做了嚴格的規范。有了偽類后，不用在div標簽里面添加額外的元素完成一些DOM操作，可以通過::before,::after完成，代碼簡潔明了。對于鼠標的操作，也可以通過::hover等類似的操作完成。非常高效。還有::first–child等類似的選擇器去操作子元素。
CSS3使動畫效果越來越方便css3里面通過animation來完成動畫，設置@keyframes即可，一些輕量級的動畫不必再通過js完成。
CSS3完成圓角、陰影美化更方便以前的css完成類似的功能只能通過圖片做背景，現在只需要border-radius、boxshadow即可。非常高效簡潔。
CSS3提供了全新的盒模型這個特性十分有用。原來的盒模型width=content.+border+padding。你規定了width.每次都要自己計算，現在有了boder-box不用這么麻煩了。
CSS3的flex布局是最強大的IE已死，不需要再考慮它的兼容性！！！用flex布局，節省很多時間，節省的時間可以學很多東西，而不是浪費時間去適應落后的ie！！！
還有很多好用的css3特性，這個版本提供了巨大的生產力！！！很感謝它，期待下一個grid布局～
以上是我的看法～
box在HTML中的意思？
這是個CSS的相鄰同胞選擇器。 .box + .box 意思就是：選擇緊鄰第一個box元素的同胞box元素。 這倆類名一樣，解釋起來有點混亂。 我舉個例子。 例如： 標題 標題
文章段落
如果我這么寫：.box1 + h1 ,那么我選擇的就是類名叫.h1-1的元素。 如果：.box2 + h1 ,它不會選擇任何元素，因為.box2的下面沒有一個叫h1的同胞元素。 如果：h1 + div ,那么會選擇.box2的div元素。 第一個元素 + 第二個元素 這個選擇器只會選擇 緊鄰第一個元素 并且是在第一個元素下面的同胞級元素 上面那段代碼，如果你寫 ：.box1 + .box2 將沒有效果，因為他們中間夾了個h1元素。 但是有一個選擇器可以實現，就是.box1 ~ .box2 同胞選擇器。 能力有限，不知幫到了嗎？用什么表示子代選擇器？
CSS3中的關系選擇器主要包括子代選擇器和兄弟選擇器，其中子代選擇器由符號連接，兄弟選擇器由符號“+”和“~”連接，具體如下所示。
（1）關系選擇器
例如： h1>strong
說明：表示選擇嵌套在h1標記的子標記strong。
（2）臨近兄弟選擇器
例如： h2+p
說明：表示選擇h2標記后緊鄰的第一個兄弟標記p。
（3）普通兄弟選擇器
例如：p~h2
說明：表示選擇p標記所有的h2兄弟標記