選擇器body>div 只操作body下級的div。div1+div2 只選擇div1 同級 隨后 相鄰最近的div2div1~p 選擇div1下所有的p屬性選擇器[attr]{} 例:[class]{color:red;} [class="text"]{color:red;}[class|="nav"]{color:red;} 選擇所有class屬性,并且屬性值唯一為nav-開頭的元素[class~="nav"]{color:red;} 選擇所有class屬性,并且包含單個完整的nav屬性值的元素[class1][class="text"]{color:red;}選擇具有class1屬性,并且具有class屬性且屬性值唯一為text的元素
新特性
新增各種CSS選擇器 (: not(.input):所有 class 不是“input”的節點)
圓角 (border-radius:8px)
多列布局 (column)
陰影和反射 (Shadow\Reflect)
文字特效 (text-shadow)
線性漸變 (gradient)
旋轉,縮放,定位,傾斜 (transform
多背景,背景裁剪
派生選擇器 可以使一個元素里的子元素定義樣式 例如: li a { font-size:14px} 就是給li下的子元素a定義一個14px號像素的字體樣式 類別選擇器 在html中引入css樣式通常由,類別選擇器 在CSS中用一個“.”點開頭表示 如:.box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html頁面中,用class="類別名"的方法調用: 這里是內容 類別選擇器方法比較簡單靈活,可以隨時根據頁面的需求新建和刪除 還有,id選擇器 在CSS中用“#”號開頭表示 如:#box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html頁面中,用id="類別名"的方法調用: 這里是內容 id選擇器和類別選擇器其實是一樣的 通常id選擇器僅是用來表示不重復的樣式 相對的來說,類別選擇器靈活一些,而id選擇器僅表示重要的樣式字段
css中的所有元素都是選擇器,不論新元素還是舊元素,都是對標簽的選擇。