看看是不是你要的 <style type="text/css"> .warp .content{ background-color: #ccc; height: 30px; } .warp .content:first-child{ background-color: #000; } </style> <div class="warp"> <div class="content">1</div> <div class="content">2</div> <div class="content">3</div> </div> css沒有同級選擇的。只需要換個思路就行了。 一般來說，動態調整css都是使用js來做。

css里大于號表示css3特有的子元素選擇器；子元素選擇器只能選擇作為某元素子元素的元素；如果你不希望選擇任意的后代元素，而是希望縮小范圍，只選擇某個元素的子元素，就可以使用子元素選擇器

css指的是層疊樣式表（Cascading Style Sheets），它是一種用來表現html或XML等文件樣式的計算機語言，是用來表示html樣式的一種編程語言，是可以做到網頁和內容進行分離的一種樣式語言。

css中大于符號

css中大于符號（“>”）代表的是css3特有的子元素選擇器（element>element ）。子元素選擇器（Child selectors）只能選擇作為某元素子元素的元素。

如果你不希望選擇任意的后代元素，而是希望縮小范圍，只選擇某個元素的子元素，請使用子元素選擇器（Child selector）。

用span標簽把文本包裹起來 然后在span上設置style屬性 或在span上添加一個class，再通過css定義該class的樣式

哪幾類？ 定義的話有 .style1 （用class控制） 這個用class調用，

#div1 （用id控制）這個是針對標簽的id的 . id為div1的都可使用 div （用標簽名稱控制）這種直接寫的就是所有的div標簽都有效 如果上面定義重復的話，按照最近定義的樣式去顯示