bem

3熱度

1回答

我不確定哪個是官方網站，我找到了getbem.com和en.bem.info。一個建議使用--爲改性劑（Naming）： CSS類形成爲塊的或元素的名稱加上兩個短劃線。另一_爲改性劑（Modifier name）：甲改性劑名稱是由一個下劃線（_）分隔。我知道我也可以使用，而且確實重要的是保持一致，但是我希望儘可能使用官方規格。哪個是官方網站..？我真的應該使用--還是_修飾符..？

0熱度

1回答

創建的Javascript正則表達式來驗證複姓BEM和駝峯

我有這樣的正則表達式在CSS文件 ^([\.\%]?[a-z]*[-]?[a-z0-9\-]*)(\.[a-z0-9\-]*)?(__[a-z0-9]*[-]?[a-z0-9\-]*)?(--[a-z0-9]*[-]?[a-z0-9\-]*)?(\:[a-z]*)*$ 檢測hyphenatedBEM，但我也想它來檢測首字母大寫，以及... 我需要這樣做是因爲我們從hyphenatedBEM過渡

0熱度

3回答

CSS：避免ID？使用課程/直接兒童選擇器/ n孩子？

試圖整理我的CSS，這是一個混亂，我有許多ID傳播整個div，子div，所以我可以在CSS中選擇它們。我想知道這樣做的正確方法是什麼？我想過使用類，這似乎是一個更好的方法，但仍然在每個單獨的div上添加一個類似乎矯枉過正 - 也許使用BEMS，好的做法來散佈每個我需要樣式的元素的CSS類？然後我想到了使用直接的子選擇器和第n個子選擇器，這會整理一些東西，但隨後設計變得脆弱，因爲在html內部

0熱度

1回答

BEM與媒體查詢

我有一個關於BEM中的通用塊的樣式（例如.button）與Media Queries的問題。在BEM（如文檔說），該塊被認爲具有通用的風格，這將適用於對網站的元素，比方說我有一個塊：我的按鈕將有可重複使用的樣式，比如： .button { font-family:Verdana; padding:30px 20px; } 是通用按鈕的目的是這樣，如果我是做「另一個」按鈕，說「歡迎按鈕

0熱度

1回答

SCSS：Bem和推薦的目錄結構？

我已經開始更新我的造型端到BEM，到目前爲止愛它，但我有一個問題將scss分隔成正確的目錄結構。 BEM照顧我的課程的命名規則，但我想嘗試一下爲什麼我要存儲我的scss。我曾經想過，目錄結構可能會被Component分離，但也許這並不適合BEM，因爲塊級元素和組件之間沒有1對1映射。任何人都可以幫助一些建議嗎？我認爲會有某種結構來存儲_base，_variables等？

0熱度

1回答

與BEM命名約定相混淆 - 需要更正？

我正在爲學習目的創建電子商務網站，並且出現問題。我使用BEM命名約定，我不知道如果我這樣做很好，這裏是我的代碼： <div class="product product--miniature" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}" ite

0熱度

2回答

BEM列表中的列表

我瞭解block__element--modifier BEM方法的命名規則。但是我怎麼能命名這種結構呢？如果你在外部列表中有一個嵌套列表。如何命名嵌套ul和li的list塊中有list__item元素？ <ul class="list"> <li class="list__item"> <ul> <li></li> <li></li>

2熱度

1回答

帶BEM的導航欄結構的正確方法

我試圖圍繞着BEM在CSS中命名，並且想知道我是否正確理解它。每正式文檔，一個元素是：不具有獨立的含義和在語義依賴於它的塊的塊的一部分。由於下面的代碼片段，.main-nav的子項目都沒有任何獨立的含義，所以我相信它們都可以作爲一個元素。但是，當我最終得到類名.main-nav__sub-menu-item-link時，我不禁感到有一些代碼味道。這感覺就像我仍然在我的元素名稱空間內一樣深

1熱度

1回答

與BEM困惑：如何應對身體元素與BEM？

在我最近的項目中，我有SCSS文件，像這樣： CSS body { background: url('https://...jpg') bottom center no-repeat; background-size: cover; min-height: 100vh; h2 { font-family: 'Work Sans', sans-se

0熱度

1回答

與BEM薩斯棉短絨 - 類應與連字符

小寫寫我得到的類應該寫成小寫字母連字符 .video_wrapper { //styles &__controls { //more styles 我應該和我可以制止這種錯誤的錯誤？