我們知道在樣式表定義一個樣式的時候,可以定義id也可以定義class,例如:
ID方法:#test{color:#333333},在頁面中呼叫內容
CLASS方法:.test{color:#333333},在頁面中呼叫內容
id一個頁面只可以使用一次,class可以多次引用。
有網友問,id和class好像沒什麼差別,我在頁面中用了多個id在IE中顯示也正常,用多個id有什麼影響嗎?
回答:第一個影響就是不能通過W3的校驗。
在頁面顯示上,目前的瀏覽器還都允許你犯這個錯誤,用多個相同ID「一般情況下」也能正常顯示。但是當你需要用JavaScript透過id來控制這個div,就會出現錯誤。
id是一個標籤,用來區分不同的結構和內容,就像你的名字,如果一個屋子有2個人同名,就會出現混淆;
class是一個樣式,可以套在任何結構和內容上,就像一件衣服;
概念上說就是不一樣的:
id是先找到結構/內容,再給它定義樣式;class是先定義好一種樣式,再套給多個結構/內容。
web標準希望大家用嚴格的習慣來寫程式碼,
例如:你可以用顯示粗體,也可以用來顯示,但W3C 建議大家用,因為更有語意
如果對這些細節問題不重視,覺得無所謂,
那麼你就沒必要向xml過渡了,也沒必要學習web標準了,因為web標準應用就是從這些小細節上的改變開始,否則用現在的html不是也可以?

這是我們在形式可訪問性上進行的小型系列中的第三篇文章。如果您錯過了第二篇文章,請查看“以:focus-visible的管理用戶焦點”。在

CSS盒子陰影和輪廓屬性獲得了主題。讓我們查看一些在真實主題中起作用的示例,以及我們必須將這些樣式應用於WordPress塊和元素的選項。

Svelte Transition API提供了一種使組件輸入或離開文檔(包括自定義Svelte Transitions)時動畫組件的方法。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

記事本++7.3.1
好用且免費的程式碼編輯器

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

VSCode Windows 64位元 下載
微軟推出的免費、功能強大的一款IDE編輯器

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。