您好,登錄后才能下訂單哦!
小編給大家分享一下css中的選擇器是什么意思,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
css選擇器又被稱為css樣式屬性、css屬性選擇器,css中的“選擇器”指明了“{}”中的“樣式”的作用對象,也就是“樣式”作用于網頁中的哪些元素;常用選擇器可分為標簽名選擇器、類選擇器、id選擇器、派生選擇器、子元素選擇器、分組選擇器。
本文操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。
css中的選擇器是什么意思?
要使用css對HTML頁面中的元素實現一對一,一對多或者多對一的控制,這就需要用到CSS選擇器。HTML頁面中的元素就是通過CSS選擇器進行控制的。
常用選擇器可分為:標簽名選擇器,類選擇器,id選擇器,派生選擇器,子元素選擇器,分組選擇器,偽元素選擇器
每一條css樣式定義由兩部分組成,形式如下:選擇器{樣式} ,在{}之前的部分就是“選擇器”。
“選擇器”指明了{}中的“樣式”的作用對象,也就是“樣式”作用于網頁中的哪些元素。
Css選擇器又被稱為css樣式屬性、css屬性選擇器。
1、標簽名選擇器:通過標簽的名稱找到指定標簽
格式:元素名{ }
2、類選擇器:通過標簽的class屬性值選中指定標簽,多個標簽可以有相同的class值
格式:.d1{ }
3、id選擇器:通過id找到標簽,一個html文件中id不能重復
格式: #id{}
4、派生選擇器(后代選擇器):類似于路徑,找到符合要求的標簽,會匹配所有的后代標簽
格式: ul li a{} #id li a{}
5、子元素選擇器:和后代類似,但是只能獲得子元素
格式: ul>li>a{}
6、分組選擇器:可以將多種選擇器結合到一起使用,用來統一設定樣式
格式: h2,h3,#abc,.m{ }
7、偽元素選擇器:偽元素選擇器選擇的是元素的狀態,狀態分為以下幾種:
link 表示元素未被點擊時的狀態
hover 表示鼠標懸停時的狀態
active 表示元素被點擊時的狀態
visited 表示元素被點擊后的狀態格式: #id:hover{ }
以上是“css中的選擇器是什么意思”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。