1. 程式人生 > >css中class與id的區別

css中class與id的區別

在樣式表定義一個樣式的時候,可以定義id也可以定義class。

1、在CSS檔案裡書寫時,ID加字首"#";CLASS用"."

2、id一個頁面只可以使用一次;class可以多次引用。

3、ID是一個標籤,用於區分不同的結構和內容,就象名字,如果一個屋子有2個人同名,就會出現混淆;class是一個樣式,可以套在任何結構和內容上,就象一件衣服;

4、從概念上說就是不一樣的:id是先找到結構/內容,再給它定義樣式;class是先定義好一種樣式,再套給多個結構/內容。

目前的瀏覽器還都允許用多個相同ID,一般情況下也能正常顯示,不過當你需要用JavaScript通過id來控制div時就會出現錯誤。

相關推薦

cssclassid區別

在樣式表定義一個樣式的時候,可以定義id也可以定義class。 1、在CSS檔案裡書寫時,ID加字首"#";CLASS用"." 2、id一個頁面只可以使用一次;class可以多次引用。 3、ID是一個標籤,用於區分不同的結構和內容,就象名字,如果一個屋子有2個人同名,

HTML屬性classid區別

區別: id 屬性規定 HTML 元素的唯一的 id。 id 在 HTML 文件中必須是唯一的。 id 屬性可用作連結錨(link anchor),通過 JavaScript(HTML DOM)或通過 CSS 為帶有指定 id 的元素改變或新增樣式。   class 屬

template之模板classtypename區別

前言 在分析traits程式設計之前, 我們需要對模板引數型別tempname和class有一定的瞭解, 要明白他們在哪些方面不同, 哪些方面相同, 這樣才能對體會到traits程式設計的核心. 如果你已經明白了兩者, 那麼你可以直接看下一篇了. 相同之處 一般對模板引數型別

div classid同時使用

首先,介紹id和class的區別:   1、id是一個標籤,用於區分不同的結構和內容;id是先找到結構/內容,再給它定義樣式;class是一個樣式,可以套在任何結構和內容上;class是先定義好一種樣式,再套給多個結構/內容。   2、id是元素的名稱,可以供js或其

HTMLclassid

如果想要在HTML中為元素設定屬性,就需要在元素中設定"class”和“id"選擇器。 HTML元素以id屬性來設定id選擇器,以class屬性來設定class選擇器。css中以"#“定義id選擇器,以”."定義class選擇器 id唯一: 在元素的開始標籤中輸

CSSdasheddotted的區別

2018年11月15日 17:10:37 阿峰.mm噠 閱讀數:1 標籤: CSS

htmlclassid區別

class用來宣告類別, 主要是指向css表中的類,可以給html元素賦予多個class, 例如: <html> <head> <style type="text/css"> h1.intro { color:blue;

iOS---Objective-C@class#import的區別

在Objective-C的專案中, @class通常放在.h檔案中, 主要作用在於提升編譯效能, 且能防止標頭檔案的遞迴import. 編譯效能的考慮 通常, 使用#import引入一個類的標頭檔案, 編譯時會將該類的標頭檔案中的所有資訊都引入, 包含屬

[基礎知識]5.C++classstruct的區別

C++中class與struct的區別? 如果沒有標明成員函式或者成員變數的訪問許可權級別,那麼在struct中預設的是public,而在class中預設的是private。 相關知識點: 結構體是C語言的一種自定義的資料型別,在結構體中可以含有各種不同

4-18 classid區別

一次 比較 使用方法 小寫 哥哥 指定元素 開頭 個人 rdquo 1. class是設置標簽的類, class屬性用於指定元素屬於何種樣式的類。 如樣式表可以加入.content1 { color: red; background: #ff80c0 } 使用方法

C#outref區別

erro 變量 但是 color 賦值 運行 網上 ann amp 一、ref(參考)與out區別 1、out(只出不進) 將方法中的參數傳遞出去,在方法中將該參數傳遞出去之前需要在該方法起始賦初值;在方法外傳遞的該參數可以不用賦值; 簡單理解就是:將一個東西拋出去之前必須

jQueryposition()offset()區別

元素 page mini alert span 文檔 back www. class jQuery中position()與offset()區別 position()獲取相對於它最近的具有相對位置(position:relative或position:absolute)

dos命令rem ::的區別

dos命令 一行 .html 等等 nbsp article 字符 log 註釋 參考: http://www.cnblogs.com/followyourdream/articles/3445862.html rem *** 是一條命令, 占一行 : **

[轉]MyBatisresultTyperesultMap區別

作用 進一步 sel 存在 其中 對象 直接 model ati MyBatis中關於resultType和resultMap的具體區別如下: MyBatis中在查詢進行select映射的時候,返回類型可以用resultType,也可以用resultMap。resultTy

struts2 ServletActionContextActionContext區別

copy 實現 沒有 action ins page comm 獲得 有一點 1. ActionContext 在Struts2開發中,除了將請求參數自動設置到Action的字段中,我們往往也需要在Action裏直接獲取請求(Request)或會話(Session)的一些信

MySQLMyISAMInnoDB區別及選擇,mysql添加外鍵

title 必須 pan 就會 默認 簡化 平臺 兩種 myisam InnoDB:支持事務處理等不加鎖讀取支持外鍵支持行鎖不支持FULLTEXT類型的索引不保存表的具體行數,掃描表來計算有多少行DELETE 表時,是一行一行的刪除InnoDB 把數據和索引存放在表空間裏面

ajax請求contentTypedataType區別

服務器 ajax 字符串 解析 div script http 使用 自動 contentType: 告訴服務器,我要發什麽類型的數據,默認值: "application/x-www-form-urlencoded"。 dataType:告訴服務器,我要想什麽類型的數據。如

pythonbreakcontinue區別

print 方法 其中 dom 我們 spa strong bre 語法 1.在其他語言中break與continue也被經常使用到,其中用法稍微有些去別,下面我們使用python的語法結構來看看是否和在其他語言中的使用方法一致。 continue:是跳出本次循環,進入到下

javaa++++a區別

demo div main highlight print class 結果 public 別了 java中a++與++a區別 a++與++a的區別,如果單獨使用沒有任何區別,如果在運算中就有區別了,a++是先運算在賦值,而++a是先賦值在運算!! class dem

Python的 // / 的區別

區別 best 浮點數 b- eui 精確 2.x 大於 ext 通常C/C++中,"/ " 算術運算符的計算結果是根據參與運算的兩邊的數據決定的,比如:  6 / 3 = 2 ; 6,3都是整數,那麽結果也就是整數2;  6.0 / 3.0 = 2.0 ; 6.0,3.0