您現在的位置是:電腦技術吧?>? 組裝維修 ??>??'s和s'的用法,最高級的用法??>??正文詳情

's和s'的用法,最高級的用法

邛夢影2019-11-27 10:42:00 人圍觀
簡介比較級的用法和句型準限定選擇器您應該避免過度修改選擇器,例如,如果您可以編寫。NAV{},盡量不要寫UL。導航{}。過度修改選擇器將影響選擇器的性能、類的可重用性和私有度。這

準修飾選擇器(Quasi-qualified selectors)  你應當避免過分修飾選擇器,例如如果你能寫 .nav{} 就盡量不要寫 ul.nav{}。

過分修飾選擇器將影響性能,影響 class 復用性,增加選擇器私有度。

這些都是你應當竭力避免的。

  不過有時你可能希望告訴其他開發者 class 的使用范圍。

以 .product-page 為例,這個 class 看起來像是一個根容器,可能是 html 或者 body 元素,但是僅憑 .product-page 則無法判斷。

  我們可以在選擇器前加上準修飾(即將前面的類型選擇器注釋掉)來描述我們規劃的 class 作用范圍:  CSS Code復制內容到剪貼板  /*html*/.product-page{}  這樣我們就能準確獲知該 class 的作用范圍而不會影響復用性。

  其它例子如:  CSS Code復制內容到剪貼板  /*ol*/.breadcrumb{}  /*p*/.intro{}  /*ul*/.image-thumbs{}  這樣我們就能在不影響代碼私有度的前提下獲知 class 作用范圍。

  代碼標簽  如果你寫了一組新樣式的話,可以在它上面加上標簽,例如:  CSS Code復制內容到剪貼板  /**  * ^navigation ^lists  */  .nav{}  /**  * ^grids ^lists ^tables  */  .matrix{}  這些標簽可以使得其他開發者快速找到相關代碼。

如果一個開發者需要查找和列表相關的部分,他只要搜索 ^lists 就能快速定位到 .nav,.matrix 以及其它相關部分。

  繼承標記  將面向對象的思路用于 CSS 編寫的話,你經常能找到兩部分 CSS 密切相關(其一為基礎,其一為拓展)卻分列兩處。

我們可以用繼承標記來在原元素和繼承元素之間建立緊密聯系。

這些在注釋中的寫法如下:  在元素的基本樣式中:  CSS Code復制內容到剪貼板  /**  * Extend `.foo` in theme.css  */  .foo{}  在元素的拓展樣式中:  CSS Code復制內容到剪貼板  /**  * Extends `.foo` in base.css  */  .bar{}  這樣一來我們就能在兩塊相隔很遠的代碼間建立緊密聯系。

版權聲明:本文由 邛夢影 整理編輯。

原標題:vr指標高級用法,rsi高級用法

轉載注明出處:http://www.dn9ww09s.icu/assemble/14556.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 軟件undefined是什么意,下載undefined是什么意思

    軟件undefined是什么意,下載undefined是什么意思 相關圖片undefined吧win10系統越來越穩定,許多微軟用戶正在將自己的計算機系統升級為win10系統。然而,許多用戶報告他們正在下載更新的FBL﹣expression profesundefined錯誤代碼...

  • 全民K歌,全民k歌5.3.7

    全民K歌,全民k歌5.3.7 相關圖片全民k歌6.1版本民族卡拉OK是一款非常有趣的手機卡拉OK軟件,用戶不用出門就能感受到卡拉OK的樂趣。用戶還可以在聽到自己喜愛的歌手的歌聲時送上禮物表示支持。那么如何贈送全國卡...

  • 指南的編寫過程,指南編寫格式

    指南的編寫過程,指南編寫格式 相關圖片運作手冊編寫指南代碼如下:[selector]{[property]:[value];[-declaration-]}P[selector]{[property]:[value指南編寫樣章...

  • 美顏相機眼淚,美顏相機怎么能弄眼淚

    美顏相機眼淚,美顏相機怎么能弄眼淚 相關圖片美顏相機哪個好用美的相機是一個強大的照片美化軟件。最近,很多小朋友都說看到朋友們在曬眼睛和化妝,覺得很美。那么美妝相機的新催淚效果呢?接下來,超人軟件編輯將為您介...

  • 浮動的元素能怎么居中,浮動元素居中

    浮動的元素能怎么居中,浮動元素居中 相關圖片如何讓浮動的div居中方法1:將容器的浮動模式設置為絕對定位,然后確定容器的寬度和高度,例如寬度為500、高度為300的層,然后將層的外部邊距設置為CSS代碼,將內容復制到剪貼板...

  • oppo手機怎么連接電視機,手機怎么連接電視步驟

    oppo手機怎么連接電視機,手機怎么連接電視步驟 相關圖片vivo手機有dlna功能嗎隨著科學技術的不斷進步,現在我們不僅可以把電視和電腦連接起來,還可以把手中的小智能手機和電腦連接起來。如何將手機連接到電視上?今天,超人的小制作、...

  • 0xc1900101,0x8024000b

    0xc1900101,0x8024000b 相關圖片win100xc1900101將win7或win8.1升級到win10并不容易。自7月29日windows 10正式發布以來,各種問題層出不窮。其中之一是錯誤代碼0xc19000x20017...

  • 標準編寫規范,規范標準的編寫方法

    標準編寫規范,規范標準的編寫方法 相關圖片產品規范編寫標準作為一般規則,避免過度約束,不要添加不必要的約束CSS代碼將內容復制到剪貼板//bad UL?someid{..}。菜單?otherid{..}/好的?some文檔編寫規范...

  • 如何簽到領流量,每天簽到領流量

    如何簽到領流量,每天簽到領流量 相關圖片免費簽到領流量近日,百度移動發起了流量采集登錄活動。很多小伙伴不知道如何接收百度手機的流量報到和投遞。屆時,超人軟件將為您帶來手機百度iPhone版的簽到和發送流量的方法...

  • viewport詳解,html viewport

    viewport詳解,html viewport 相關圖片meta viewportHTML5的視窗使我們開發的應用程序或頁面大小能夠適應各種手機的不同分辨率和屏幕大小。viewport語法簡介:content=height=[像素值|設備高度wpf viewport3d...

熱評文章

  • app有什么用,好用app

    app有什么用,好用app 相關圖片應用軟件魔獸軍團伴侶是一款官方的魔獸世界游戲助理軟件。那么你是如何運作魔獸軍團的?如果你對魔獸軍團感興趣看片軟件哪個最好用...

  • 怎么讓瀏覽器支持HTML5,什么瀏覽器支持HTML5

    怎么讓瀏覽器支持HTML5,什么瀏覽器支持HTML5 相關圖片手機瀏覽器支持HTML5HTML5、CSS3等相關技術,如canvas、websocket等,將web應用開發推向了一個新的高度。該技術將HTML、CSS和JavaScript結合起來UC瀏覽器支持HTML5嗎...

  • 兼職貓發一次招聘多少錢,兼職貓怎么發布手機任務

    兼職貓發一次招聘多少錢,兼職貓怎么發布手機任務 相關圖片兼職貓個人認證可以發什么如今,越來越多的大學生會利用業余時間做兼職,不僅鍛煉身體,還能掙零花錢。所以作為一個企業,你想通過它找到可靠的大學生。那么,兼職貓如何才能...

  • 鼠標滾輪放大縮小功能,鼠標滾輪放大縮小

    鼠標滾輪放大縮小功能,鼠標滾輪放大縮小 相關圖片cad鼠標滾輪放大縮小設置您和我都知道,將鼠標滾輪事件添加到HTML5網頁可以更好地讓用戶與網頁交互。在HTML5中,鼠標滾輪不僅可以上下滑動網頁,其實你還可以依靠這個來完成更多的...

  • 余額寶有上限嗎,余額寶

    余額寶有上限嗎,余額寶 相關圖片余額寶即將取消余波的投資方法非常簡單,即使是新手理財也能輕松操作。但近日支付寶安卓版余額寶宣布調整個人投資上限。今天,小編為大家帶來了一款個人投資上限的支付寶余額...

  • 百分比,百分比怎么求

    百分比,百分比怎么求 相關圖片計算百分比許多CSS屬性的值可以是百分比值。雖然從形式上講,百分比值的形式是數字后跟%值(注意數字和%值之間不能有空格),但其含義在不同的情況下會有所不同。因此,百分率可...

  • 無障礙專車,滴滴無障礙專車

    無障礙專車,滴滴無障礙專車 相關圖片滴滴關愛出行無障礙車近年來,為有特殊需要的旅客提供專屬服務越來越受到重視。未來,滴滴的安卓版已經宣布,它將能夠使用無障礙汽車為特殊人群。讓我們看看滴滴無障礙車的預...

  • win7桌面圖標異常,win7不顯示桌面圖標

    win7桌面圖標異常,win7不顯示桌面圖標 相關圖片win7桌面圖標怎么變小超人編輯今天想談談win7的一些基礎課程。本課程介紹Windows 7桌面圖標的顯示方法。主要針對Windows7家庭普通版和高級版用戶。沒有個性化配置條目,因win7桌面不顯示...

  • css有多少選擇符,css的選擇符

    css有多少選擇符,css的選擇符 相關圖片css三種基本選擇符原來的名字可以這么一段時間以前,我在一個網站上看到這樣的內容:這個也可以嗎?這是我的第一印象。不過,經過一番調查,我們知道這確實有效。另外,“U”的...

  • 哈羅單車開鎖,哈羅單車怎么開鎖

    哈羅單車開鎖,哈羅單車怎么開鎖 相關圖片哈羅單車開鎖破解近日,不少朋友向小編反映,小明自行車的車鎖經常打不開。那么如何應對安卓版小明自行車無法解鎖的情況。今天,超人小編為大家帶來了小明自行車解鎖失敗的解...

關注微信

变脸官网查询