計(jì)算機(jī),網(wǎng)頁(yè)設(shè)計(jì)中CSS各選擇器的含義,用途和不同,尤其是復(fù)合內(nèi)容選擇...

元素選擇器 HTML文檔的元素名稱(chēng)就是元素選擇器。 1）語(yǔ)法，例如：htmlcolor：black；、h1{color：blue；}、p{color：silver；} 2）缺點(diǎn)：不同的元素樣式相同，即不能跨元素。所以做不到同一類(lèi)元素下的細(xì)分。

成都創(chuàng)新互聯(lián)公司專(zhuān)注為客戶(hù)提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站建設(shè)、成都網(wǎng)站制作、東鄉(xiāng)族網(wǎng)絡(luò)推廣、微信平臺(tái)小程序開(kāi)發(fā)、東鄉(xiāng)族網(wǎng)絡(luò)營(yíng)銷(xiāo)、東鄉(xiāng)族企業(yè)策劃、東鄉(xiāng)族品牌公關(guān)、搜索引擎seo、人物專(zhuān)訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供東鄉(xiāng)族建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：chinadenli.net

類(lèi)選擇器（如：class=head，class=head_logo） 若要為相同的標(biāo)簽賦予不同的CSS樣式就應(yīng)使用類(lèi)選擇器。ID選擇器（如：id=name，id=name_txt）ID選擇器和類(lèi)選擇器相似，不同的是，ID選擇器不能復(fù)用。

類(lèi)別選擇器這是一類(lèi)最常用的選擇器，用它來(lái)定義網(wǎng)頁(yè)中需要特殊表現(xiàn)的樣式，類(lèi)別選擇器的名稱(chēng)可以由作者自由定義，一般來(lái)講類(lèi)別選擇器的命名最好有一定的意義，使CSS代碼更易維護(hù)和閱讀。

CSS主要的作用就是給網(wǎng)頁(yè)中的dom元素設(shè)置樣式，選擇器則是用來(lái)匹配dom元素的。

基本選擇器通過(guò)元素類(lèi)型或class或id選擇對(duì)象；復(fù)合選擇器通過(guò)元素類(lèi)型或class或id和條件判斷選擇對(duì)象。

在CSS里用一個(gè)點(diǎn)開(kāi)頭表示類(lèi)別選擇器定義，例如：.14px {color ： #f60 ；font-size：14px ；} 在頁(yè)面中，用class=類(lèi)別名的方法調(diào)用：14px大小的字體 這個(gè)方法比較簡(jiǎn)單靈活，可以隨時(shí)根據(jù)頁(yè)面需要新建和刪除。

css選擇器有哪幾種?語(yǔ)法規(guī)則是什么

1、CSS的選擇器其實(shí)大類(lèi)的話可以分為三類(lèi)，即id選擇器、class選擇器、標(biāo)簽選擇器。

2、標(biāo)簽選擇器，也稱(chēng)為元素選擇器。標(biāo)簽選擇器的基本形式如下：tagName{property：value}，其中tagName是標(biāo)簽名稱(chēng)，property是css的屬性。類(lèi)選擇器。

3、類(lèi)型選擇器 CSS中的一種選擇器是元素類(lèi)型的名稱(chēng)。使用這種選擇器(稱(chēng)為類(lèi)型選擇器)，可以向這種元素類(lèi)型的每個(gè)實(shí)例上應(yīng)用聲明。例如，以下簡(jiǎn)單規(guī)則的選擇器是H1，因此規(guī)則作用于文檔中所有的H1元素。

4、ss3選擇器如下：通配符選擇器（＊）通配符選擇器是用來(lái)選擇所有元素，也可以選擇某個(gè)元素下的所有元素。元素選擇器(E)元素選擇器，是css選擇器中最常見(jiàn)而且最基本的選擇器。

5、屬性選擇器 屬性選擇器(Attribute selector)讓你可以基于屬性來(lái)定位一個(gè)元素。

CSS語(yǔ)法的選擇器的分組

1、你可以對(duì)選擇器進(jìn)行分組，這樣，被分組的選擇器就可以分享相同的聲明。用逗號(hào)將需要分組的選擇器分開(kāi)。在下面的例子中，我們對(duì)所有的標(biāo)題元素進(jìn)行了分組。所有的標(biāo)題元素都是綠色的。

2、CSS的選擇器其實(shí)大類(lèi)的話可以分為三類(lèi)，即id選擇器、class選擇器、標(biāo)簽選擇器。

3、語(yǔ)法 子選擇器( EF )是選擇 E 元素的所有子后代 F 元素，注意 F 元素僅僅是 E 元素的子元素而已。

4、簡(jiǎn)易屬性選擇器 只顧其名不顧其值，這是簡(jiǎn)易屬性選擇器的特點(diǎn)。h1[class] {color： silver；}將會(huì)作用于任何帶class的h1元素，不管class的值是什么。所以Hello、Serenity、Fooling的h1都會(huì)受到這條規(guī)則的影響。

二、CSS之——選擇器

1、類(lèi)選擇器：通過(guò)類(lèi)名來(lái)選取元素，使用 . 符號(hào)來(lái)定義，例如 .my-class 表示所有具有 my-class 類(lèi)名的元素。

2、class ：類(lèi)選擇器，指定標(biāo)簽的類(lèi)名，定位到頁(yè)面上某一類(lèi)的元素 。

3、HTML中元素是以父子級(jí)、兄弟關(guān)系存在的。后代選擇器指元素內(nèi)的元素（不只是子元素，是后代元素，子集，孫子級(jí)，所有的。。）。子元素選擇器中選擇子元素，不包括孫級(jí)及以下元素。用于選擇緊挨著的同級(jí)兄弟元素。

文章標(biāo)題：css樣式怎么分組 css樣式分離
本文來(lái)源：http://chinadenli.net/article38/diccdpp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、企業(yè)網(wǎng)站制作、微信小程序、標(biāo)簽優(yōu)化、小程序開(kāi)發(fā)、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)