首頁  >  文章  >  web前端  >  css中有哪些選擇器?

css中有哪些選擇器?

零下一度
零下一度原創
2017-06-30 11:09:061881瀏覽

首先我們來看下有哪些選擇器? ? ?
一.基礎選擇器:
html標籤選擇器:透過html標籤來選擇元素。
①所有的html標籤都可以當作選擇器.
②無論標籤藏多深都會被選取。
③選擇的是所有的標籤而不是某個特定的標籤。
所以說我們透過html標籤選擇器來設定的都是一些共通性問題。
id選擇器:
①任何的標籤都可以有id屬性和屬性值(因為id是全域屬性)。 id命名不能隨意的命名。
大小寫敏感,id的名字中可以有數字,字母,底線,但是要以字母開頭。
駝峰命名法:小駝峰命名法,大駝峰命名。
例如:testStudent(小駝峰) TestStudent(大駝峰)
②id的命名不能重複。
class選擇器:
①任何的標籤都可以使用class屬性(class屬性也是全域屬性)。
②class屬性名可以重複。
③一個class屬性中,可以有多個class屬性值。

二:綜合選擇器
1.後代選擇器(div p)
2.交集選擇器(div.p)
3.並集選擇器(div,p)
4子元素選擇器(div>p)
5序列選擇器(ul li:first-child; ul li:last-child)
6相鄰兄弟選擇器(div+p)
7普通兄弟選擇器(div~p)

以上是css中有哪些選擇器?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn