關于css選擇器的詳細介紹,偽類選擇器hover的使用?
定義和用法:hover 選擇器用于選擇鼠標指針浮動在上面的元素。提示::hover 選擇器可用于所有元素,不只是鏈接。提示::link 選擇器設置指向未被訪問頁面的鏈接的樣式,:visited 選擇器用于設置指向已被訪問的頁面的鏈接,:active 選擇器用于活動鏈接。注釋:在 CSS 定義中,:hover 必須位于 :link 和 :visited 之后(如果存在的話),這樣樣式才能生效。代碼效果測試:
請把鼠標指針移動到這些鏈接上。
這個鏈接改變顏色。
這個鏈接改變字體大小。
這個鏈接改變背景色。
這個鏈接改變字體。
這個鏈接會出現下劃線。
css選擇器識別范圍?
css選擇器優先級核心:每個選擇器本身有優先級,作用范圍越具體優先級越高。
CSS優先級從高到低分別是:
1.在屬性后面使用 !important 會覆蓋頁面內任何位置定義的元素樣式。
2.作為style屬性寫在元素標簽上的內聯樣式
3.id選擇器
4.類選擇器
5.偽類選擇器
6.屬性選擇器
7.標簽選擇器
8.通配符選擇器
9.瀏覽器選擇器
當CSS樣式的規則由多個選擇器組成時,id選擇器的權值為1000,class選擇器為100,標簽選擇器為10,按權值求和的記過高低決定哪個優先。當兩個css規則的權值相同時,誰更具體用誰,也就是權值高的選擇器作用的越具體優先級越高。當兩個選擇器規則和權值都是一樣,后面樣式會覆蓋前面的!
not選擇器不支持復雜選擇?
盡管css的選擇器很強大了,但是考慮其兼容性,盡可能的少用,比如我們在做一個前端頁面的切圖的時候,會看情況:
如果是h5手機網站,推薦用css選擇器
如果是pc網站,適當用css選擇器
如果是pc網站,并且是政府、學校等機關單位,杜絕用css選擇器
css和jquery有什么區別?
jQuery
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優秀的JavaScript代碼庫(或JavaScript框架)。jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設計模式,優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
jQuery的核心特性可以總結為:具有獨特的鏈式語法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
CSS (層疊樣式表)
層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。
CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網頁對象和模型樣式編輯的能力。