CSS Selector 的一些規則 Rules

CSS Selector 的一些規則 Rules

  • Tag , ID , class

Tag 就是像 html , div , img 這樣的標籤,也就是element

ID 就是 <div id="name"> ,#name 也就是你給的名字,類似命名

class 算是樣式,一個網頁最好只能有一個id,但是class可以多個重複出現,而且一個tag可以套用多個class , 類似 <div id="name" class="calss1 class2" /> 這樣 ,只需要空白分隔

  • "," - and選擇

#name1 ,#name2 { ...} 可以一次將規則套在兩個以上的選擇者上

  • " " -children 選擇

dom內的child選擇,用空白 ,譬如 div.name img { ...} , div內的圖片會產生作用,重點是他是針對裡面只要有img 不管你在第幾層,都會跑作用 ,譬如..

<div id="name1">

   <div> <div><div><a><img /></a></div></div></div>

</div>

這樣的話剛剛那個語法還是會實現....這個要特別注意!!!

  • ">" , 同上

不過他是對於內部的children的第一層 會作用,其實大部分應該要使用這個

  • "+" 緊鄰元素選擇

譬如

<h3>hello</h3> <img /><img/>

,使用 

h3 + img + img { width:200px; }

只會對第二張 ,也就是最後一個element作用喔~~

 

心得紀錄而已...有時間再補個範例 +圖

 

補一下...

  • [title] 屬性選擇

[title="Page history"] { background-color:red;}

可以對有符合屬性的元素產生作用

2 ) 個留言 (歡迎按此留下你的留言喔 ):

林逸聖 提到...

免費看毛片的網站
3免費電影毛片
快播成人片3級大片
色魔成人色圖
老色媽影院視頻
一步影院
三級片電影
毛片電影
510dd電影快播
快播a片電影
快播色情片
成人毛片
愛毛片網
愛毛片成人電影網
成人AV毛片
高清毛片快播倫理電影
免費毛片網站
歐美毛片網站
日本毛片網站
快播下載免費毛片網址
愛城論壇地址
色天使論壇地址
愛城論壇
色天使論壇
毛片綜合網
島國AV毛片
色小哥綜合網
色洛洛中文網
q哥成人影院
色老二在線電影
春宵毛片
小姨的誘惑
毛片兒生涯快播在線觀看
擼美媚毛片
免費毛片觀看
爽歪歪電影成人綜合網
爽歪歪成人電影網
毛片大世界
毛片快播官方網站
快播情色毛片
AV小說圖片網
444vvvv成人網
我要叉女網快播
人妖電影快播
做愛電影下載
快播色情片
QVOD倫理電影
QVOD黃色電影
55BBS情感毛片
55BBS我愛購物網

梁秀為 提到...

日加擼影院
爽擼擼影院網
夜夜擼小說
擼管小說
加多擼小說
qvodav日本電影
qvodav成人網站
愛澀成人影院
愛色吧成人影院
九九愛成人影院
至愛色官方網站
至愛色美女基地
七七色原網
七七色成人網站
瑞碧綜合網
伊人成人綜合22網
瑞碧綜合社區
8090碰在線視頻
桃色激情站
26uuu新地址網站
QVOD十次啦中文網
家庭教師十次啦
十次啦中文網亞洲
十次啦中文網站
十次啦中文綜合網
520快播56色農夫閣
色56視頻
色片段高清在線觀看
最新色YY電影頻道ID
愛90美女影院
性愛色小姐影院
713色吧影院
色18歐洲美女影院
色18美女影院
大棚歌舞色舞視頻快播
狼國情人網
狼國成人網開心
狼國成人網五月
狼國色人網
大色網AV網站
大香蕉社區
大香蕉網在線視頻
伊人在線大香蕉
天天擼大香蕉
527娛樂多人視頻聊天
色聊聊天記錄
色聊聊天室下載
色聊語音聊天室下載
免費色聊聊天室
色聊可視語音聊天室

張貼留言