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

元素選擇器 HTML文檔的元素名稱就是元素選擇器。 1）語法，例如：htmlcolor：black；、h1{color：blue；}、p{color：silver；} 2）缺點：不同的元素樣式相同，即不能跨元素。所以做不到同一類元素下的細分。

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

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

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

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

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

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

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

1、CSS的選擇器其實大類的話可以分為三類，即id選擇器、class選擇器、標簽選擇器。

2、標簽選擇器，也稱為元素選擇器。標簽選擇器的基本形式如下：tagName{property：value}，其中tagName是標簽名稱，property是css的屬性。類選擇器。

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

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

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

CSS語法的選擇器的分組

1、你可以對選擇器進行分組，這樣，被分組的選擇器就可以分享相同的聲明。用逗號將需要分組的選擇器分開。在下面的例子中，我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。

2、CSS的選擇器其實大類的話可以分為三類，即id選擇器、class選擇器、標簽選擇器。

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

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

二、CSS之——選擇器

1、類選擇器：通過類名來選取元素，使用 . 符號來定義，例如 .my-class 表示所有具有 my-class 類名的元素。

2、class ：類選擇器，指定標簽的類名，定位到頁面上某一類的元素 。

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

文章標題：css樣式怎么分組 css樣式分離
本文來源：http://jinyejixie.com/article38/diccdpp.html

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

廣告

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