本篇內(nèi)容介紹了“css中的選擇器包不包括超文本標記選擇器”的有關(guān)知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細閱讀,能夠?qū)W有所成!
成都創(chuàng)新互聯(lián)公司是一家以網(wǎng)站建設(shè)公司、網(wǎng)頁設(shè)計、品牌設(shè)計、軟件運維、成都網(wǎng)站營銷、小程序App開發(fā)等移動開發(fā)為一體互聯(lián)網(wǎng)公司。已累計為銅雕雕塑等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開發(fā)服務(wù)。
不包括。css選擇器有:1、標簽選擇器,是通過HTML頁面的元素名定位具體HTML元素;2、類選擇器,是通過HTML元素的class屬性的值定位具體HTML元素;3、ID選擇器,是通過HTML元素的id屬性的值定位具體HTML元素;4、通配符選擇器“*”,可以指代所有類型的標簽元素,包括自定義元素;5、屬性選擇器,是通過HTML元素已經(jīng)存在屬性名或?qū)傩灾祦矶ㄎ痪唧wHTML元素。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css的選擇器不包括“超文本標記選擇器”,而包括類選擇器、標簽選擇器、ID選擇器、屬性選擇器、偽類選擇器等等。
css 選擇器是什么
樣式是 CSS 最小語法單元,每個樣式包含兩部分內(nèi)容:選擇器和聲明(規(guī)則),如下圖所示。
1、選擇器(Selector)
選擇器由 HTML 元素的 id、class 屬性或元素名本身以及一些特殊符號構(gòu)成,用來指定要為哪個 HTML 元素定義樣式,例如選擇器p就表示為頁面中的所有
標簽定義樣式;
2、聲明(Declaration)
聲明可以有一個或者無數(shù)個,這些聲明告訴瀏覽器如何去渲染選擇器指定的對象。所有聲明被放置在一對大括號{ }
內(nèi),然后整體緊鄰選擇器的后面。
聲明必須包括兩部分:屬性和屬性值,并用分號來標識一個聲明的結(jié)束,在一個樣式中最后一個聲明可以省略分號。
屬性:您希望給 HTML 元素設(shè)置的樣式名稱,由一系列關(guān)鍵詞組成,例如 color(顏色)、border(邊框)、font(字體)等,CSS 中提供了眾多屬性,您可以通過 W3C 官網(wǎng)查看;
值:由數(shù)值和單位或者關(guān)鍵字組成,用來控制某個屬性的顯示效果,例如 color 屬性的值可以是 red 或 #F1F1F1 等。
css選擇器有哪些?
我們從一個Html結(jié)構(gòu)開始
關(guān)于css常用的選擇器有:
id選擇器(#box),選擇id為box的元素
類選擇器(.one),選擇類名為one的所有元素
標簽選擇器(div),選擇標簽為div的所有元素
后代選擇器(#box div),選擇id為box元素內(nèi)部所有的div元素
子選擇器(.one>one_1),選擇父元素為.one的所有.one_1的元素
相鄰?fù)x擇器(.one+.two),選擇緊接在.one之后的所有.two元素
群組選擇器(div,p),選擇div、p的所有元素
還有一些使用頻率相對沒那么多的選擇器:
偽類選擇器
:link :選擇未被訪問的鏈接 :visited:選取已被訪問的鏈接 :active:選擇活動鏈接 :hover :鼠標指針浮動在上面的元素 :focus :選擇具有焦點的 :first-child:父元素的首個子元素
偽元素選擇器
:first-letter :用于選取指定選擇器的首字母 :first-line :選取指定選擇器的首行 :before : 選擇器在被選元素的內(nèi)容前面插入內(nèi)容 :after : 選擇器在被選元素的內(nèi)容后面插入內(nèi)容
屬性選擇器
[attribute] 選擇帶有attribute屬性的元素 [attribute=value] 選擇所有使用attribute=value的元素 [attribute~=value] 選擇attribute屬性包含value的元素 [attribute|=value]:選擇attribute屬性以value開頭的元素
在CSS3中新增的選擇器有如下:
層次選擇器(p~ul),選擇前面有p元素的每個ul元素
偽類選擇器
:first-of-type 表示一組同級元素中其類型的第一個元素 :last-of-type 表示一組同級元素中其類型的最后一個元素 :only-of-type 表示沒有同類型兄弟元素的元素 :only-child 表示沒有任何兄弟的元素 :nth-child(n) 根據(jù)元素在一組同級中的位置匹配元素 :nth-last-of-type(n) 匹配給定類型的元素,基于它們在一組兄弟元素中的位置,從末尾開始計數(shù) :last-child 表示一組兄弟元素中的最后一個元素 :root 設(shè)置HTML文檔 :empty 指定空的元素 :enabled 選擇可用元素 :disabled 選擇被禁用元素 :checked 選擇選中的元素 :not(selector) 選擇與不匹配的所有元素
屬性選擇器
[attribute*=value]:選擇attribute屬性值包含value的所有元素 [attribute^=value]:選擇attribute屬性開頭為value的所有元素 [attribute$=value]:選擇attribute屬性結(jié)尾為value的所有元素
css基本選擇器和優(yōu)先級
css基本選擇器
選擇器名稱 | 描述 |
---|---|
類型選擇器/元素選擇器 | 又稱為 類型選擇器,這種基本選擇器是通過HTML頁面的元素名定位具體HTML元素。如果類型選擇器單獨使用的話,會定位當前HTML頁面中所有該元素名的元素。 |
類選擇器 | 是通過HTML元素的class屬性的值定位具體HTML元素。這種基本選擇器的用法是 .類名 形式。 |
id選擇器 | 和類選擇器 類似,都是根據(jù)某個屬性來匹配HTML元素的,類選擇器匹配的是class選擇器,而ID選擇器匹配的是id屬性。值得注意的是,ID屬性在整個頁面中是唯一不可重復(fù)的 。 |
通用選擇器/通配符選擇器 | 是一個星號(* ),這個選擇器是一個特殊的標簽選擇器,它可以指代所有類型的標簽元素,包括自定義元素,以及
|