反思：我使用ID選擇器時(shí)應(yīng)該考慮這些問(wèn)題

褰辯話發(fā)布于2019-08-02 15:34 / 1431人閱讀

摘要：選擇器是否唯一有沒(méi)有在中使用大量的選擇器作為一個(gè)小白，從接觸前端開(kāi)始就銘記選擇器的值唯一，所以在自己編寫(xiě)代碼時(shí)嚴(yán)格遵循。中盡可能少的使用選擇器，一般為了實(shí)現(xiàn)功能，少些一個(gè)，我也會(huì)用選擇器定義元素的樣式，不知這種方式會(huì)不會(huì)有什么問(wèn)題

ID選擇器是否唯一？

有沒(méi)有在css中使用大量的ID選擇器？

作為一個(gè)小白，從接觸前端開(kāi)始就銘記ID選擇器的值唯一，所以在自己編寫(xiě)代碼時(shí)嚴(yán)格遵循。但是最近工作需求修改前輩代碼時(shí)發(fā)現(xiàn)項(xiàng)目中有很多多ID重名的情況，甚至在平時(shí)查資料的時(shí)候也會(huì)看到。懷疑自己對(duì)id的認(rèn)知是否明確，所以查閱資料，在此做個(gè)總結(jié)，規(guī)范自己。

單個(gè)html中的id選擇器值要唯一
你會(huì)發(fā)現(xiàn)重名后的ID選擇器對(duì)頁(yè)面樣式等都沒(méi)有影響，因?yàn)檫@樣書(shū)寫(xiě)沒(méi)有語(yǔ)法錯(cuò)誤，但是這種寫(xiě)法是不規(guī)范的，當(dāng)使用document.getElementById("*")是只能獲取到第一個(gè)被ID選擇器標(biāo)記的元素。

css中盡可能少的使用id選擇器，一般為了實(shí)現(xiàn)功能，少些一個(gè)class，我也會(huì)用id選擇器定義元素的樣式，不知這種方式會(huì)不會(huì)有什么問(wèn)題？

GPU云服務(wù)器云服務(wù)器買(mǎi)云服務(wù)器地域應(yīng)該怎么選擇放在數(shù)據(jù)中心托管應(yīng)該選擇什么服務(wù)器曙光云服務(wù)器應(yīng)該怎么使用 ID選擇器

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/54214.html

相關(guān)文章

反思：我使用ID選擇器時(shí)應(yīng)該考慮這些問(wèn)題

摘要：選擇器是否唯一有沒(méi)有在中使用大量的選擇器作為一個(gè)小白，從接觸前端開(kāi)始就銘記選擇器的值唯一，所以在自己編寫(xiě)代碼時(shí)嚴(yán)格遵循。中盡可能少的使用選擇器，一般為了實(shí)現(xiàn)功能，少些一個(gè)，我也會(huì)用選擇器定義元素的樣式，不知這種方式會(huì)不會(huì)有什么問(wèn)題 ID選擇器是否唯一？有沒(méi)有在css中使用大量的ID選擇器？作為一個(gè)小白，從接觸前端開(kāi)始就銘記ID選擇器的值唯一，所以在自己編寫(xiě)代碼時(shí)嚴(yán)格遵循。但是最...

fsmStudy 2019-08-30 11:26 評(píng)論0 收藏0
論 CSS 中的邏輯

摘要：天生缺乏邏輯性的問(wèn)題導(dǎo)致了預(yù)處理器的出現(xiàn)。這會(huì)導(dǎo)致圈復(fù)雜度問(wèn)題。圈復(fù)雜度對(duì)于來(lái)說(shuō)可能是一種比較高階的原則，但如果我們通過(guò)它來(lái)考量那些蘊(yùn)含在我們寫(xiě)的選擇器中的邏輯性，那我們也許就能寫(xiě)出更加優(yōu)秀的代碼。本文在征得原作者 @csswizardry 同意的情況下，翻譯自他博客中的文章：Cyclomatic Complexity: Logic in CSS。最初發(fā)布于我的個(gè)人博客：咀嚼之...

PiscesYE 2019-08-28 18:11 評(píng)論0 收藏0
什么性格的人適合做好的程序員？鏡花水月

摘要：白為樂(lè)觀派理想主義黑為悲觀派現(xiàn)實(shí)主義其實(shí)這樣分也有點(diǎn)牽強(qiáng)，畢竟它們之間其實(shí)是有交集的，我們先這樣暫且規(guī)定吧。最后，我問(wèn)你一句，什么性格的人適合做好的程序員鏡花水月，我回答樂(lè)觀現(xiàn)實(shí)主義。本博客貓叔的博客，轉(zhuǎn)載請(qǐng)申明出處看看你是不是能當(dāng)好程序員的料！就按照0和1的說(shuō)法來(lái)說(shuō)，我分為正反兩個(gè)面，正如標(biāo)題所說(shuō)的，我將性格分為黑和白。白：為樂(lè)觀派、理想主義；黑：為悲觀派、現(xiàn)實(shí)主義；其...

kgbook 2019-08-16 16:44 評(píng)論0 收藏0
談?wù)刯query的實(shí)現(xiàn)

摘要：最近寫(xiě)了些移動(dòng)端的項(xiàng)目，在端操作，必不可少。在用這些庫(kù)的時(shí)候，經(jīng)常會(huì)想該如何實(shí)現(xiàn)這樣的寫(xiě)法呢看了很多源碼的分析，又看了很多實(shí)例，終于算是明白了。打開(kāi)控制臺(tái)打印一個(gè)就會(huì)發(fā)現(xiàn)屬性完整代碼簡(jiǎn)易的實(shí)現(xiàn)。最近寫(xiě)了些移動(dòng)端的項(xiàng)目，在PC端操作dom，jQuery必不可少。但是在移動(dòng)端引入jQuery就顯得不合適，一是文件太大，二是不支持一些觸摸。zepto.js是移動(dòng)端的jQuery，體積很小，...

bergwhite 2019-08-20 16:05 評(píng)論0 收藏0
對(duì)復(fù)雜業(yè)務(wù)組件在實(shí)際開(kāi)發(fā)過(guò)程中被調(diào)用的反思

摘要：組件的正確依賴于數(shù)據(jù)的正確，而在開(kāi)發(fā)的過(guò)程中不同的開(kāi)發(fā)人員有著不同的風(fēng)格的數(shù)據(jù)處理方式?？偟膩?lái)說(shuō)，就是在編寫(xiě)這樣復(fù)雜的業(yè)務(wù)組件，我們應(yīng)該同時(shí)編寫(xiě)相關(guān)的輔助函數(shù)來(lái)方便組件的調(diào)用者來(lái)使用。寫(xiě)這篇文章的初衷是為了記錄我在修復(fù)項(xiàng)目中一個(gè)復(fù)雜業(yè)務(wù)組件中的bug而引起其他依賴這個(gè)組件的功能無(wú)法使用的過(guò)程中，對(duì)使用、維護(hù)復(fù)雜業(yè)務(wù)組件的一些思考原文地址 Bug發(fā)生原因我所在的項(xiàng)目組中, 有一...

xorpay 2019-08-21 17:00 評(píng)論0 收藏0