自己學css的時候比較亂，這次趁著複習把css3的新特性選擇器和css2以前不怎麼用的選擇器做乙個總結
<div
id="parent"
>
<
p>i'm a example
p>
<
p id
="one"
>i'm a example
p>
<
p>i'm a example
p>
<
p>i'm a example
p>
<
p>i'm a example
p>
<
p>i'm a example
p>
<
p>i'm a example
p>
<
p name="shuai"
>i'm a example
p>
<
p>i'm a example
p>
<
div
id="child"
>
<
p>i'm a example
p>
<
p>i'm a example
p>
<
p>i'm a example
p>
<
p>i'm a example
p>
<
div>
div>
1.選擇id為parent的div下所有的p元素
#parent p
2.選擇id為parent的div下子元素p標籤
#parent>p
3.選擇id為one的p標籤後相鄰的p標籤
#one+p
4.選擇id為onep的p後面所有同級的p標籤
#one~p
5.選擇parent中有id的p標籤
#parent p[id]
6.選擇parent中name屬性值是shuai的p標籤
#parent p[name=shuai]
7.選擇parent中id以o開頭的p標籤
#parent p[id^=o]
8.選擇parent中id以o結尾的p標籤
#parent p[id$=o]
9.選擇parent中id包含o的p標籤
#parent p[id*=o]
CSS3新特性與選擇器
圓角效果 border radius 10px 所有角都使用半徑為10px的圓角 border radius 5px 4px 3px 2px 四個半徑值分別是左上角 右上角 右下角和左下角，順時針 陰影 box shadow x軸偏移量 y軸偏移量 陰影模糊半徑 陰影擴充套件半徑 陰影顏色 投影方式...
CSS3新特性（二）選擇器
一 基礎選擇器 1 通配選擇器 2 元素選擇器e 3 id選擇器 id 4 class.class 5 群組選擇器e,f 二 層次選擇器 1 後代選擇器e f 2 子選擇器e f 3 相鄰選擇器e f 4 通用兄弟選擇器e f 三 屬性選擇器 1 e attr 選擇具有att屬性的e元素 2 e a...
CSS3選擇器 屬性選擇器
指定屬性名，但沒有確定任何屬性值 type text css div div title style div1div title name div2div title age div3div body 指定屬性名，並指定了該屬性的屬性值 其他 與上述相同 div title name 指定屬性名，具...