您好,登錄后才能下訂單哦!
這篇文章主要介紹了css選擇器指的是什么,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
每一條css樣式定義由兩部分組成,形式如“選擇器{樣式}”;在“{}”之前的部分就是“選擇器”。 “選擇器”指明了“{}”中“樣式”的作用對象,也就是“樣式”作用于網頁中的哪些元素。
要使用css對HTML頁面中的元素實現一對一,一對多或者多對一的控制,這就需要用到CSS選擇器。HTML頁面中的元素就是通過CSS選擇器進行控制的。
每一條css樣式定義由兩部分組成,形式如下:選擇器{樣式}
,在{}
之前的部分就是“選擇器”。 “選擇器”指明了{}
中的“樣式”的作用對象,也就是“樣式”作用于網頁中的哪些元素
接下來我們就來看一個圖,是對上述定義具體的分析。
如圖,我們可以知道:
在{}之前的部分就是“選擇器”,“選擇器”指明了{}中的“樣式”的作用對象,也就是“樣式”作用于網頁中的哪些元素
選擇器通常是您需要改變樣式的 HTML 元素,如:<p>,<body>,<h2>等等
每一條格式聲明語句由“屬性名:屬性值”對組成,屬性名和屬性值間以冒號隔開,每條聲明語句以英文狀態下的分號“;”結束。
介紹完css選擇器是什么后,我們下面就來看看css選擇器有哪些類型?
css選擇器有哪些類型?
css選擇器的種類是有很多的,下面我們就來看一看css選擇器的類型
1、標簽選擇器(如:body,div,p,ul,li)。
2、.類選擇器(如:class="head",class="head_logo") 。
3、ID選擇器(如:id="name",id="name_txt")。
4、全局選擇器(如:*號)。
5、.組合選擇器(如:.head .head_logo,注意兩選擇器用空格鍵分開)。
6、.繼承選擇器(如:div p,注意兩選擇器用空格鍵分開)。
7、偽類選擇器(如:就是鏈接樣式,a元素的偽類,4種不同的狀態:link、visited、active、hover。)。
8、字符串匹配的屬性選擇符(^ $ *三種,分別對應開始、結尾、包含) 。
感謝你能夠認真閱讀完這篇文章,希望小編分享的“css選擇器指的是什么”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。