bem

0熱度

3回答

即時通訊在一個小項目中使用BEM命名約定，並且在決定元素和修飾符名稱時有一些困難。我目前正在研究英雄/飛濺部分的網站。請參閱下面的圖片。繼承人我當前的代碼 - <div class="hero hero__project"> <div class="grid"> <h1 class="hero__project__title">Final Year Project<

1熱度

1回答

在視圖中大量使用方法會妨礙緩存嗎？

我正在嘗試在我的Rails 4應用程序中實現BEM幫助程序，以幫助我更愉快地編寫視圖。假設我們有以下Haml視圖： = block :user_bar, unregistered: current_user.unregistered? do |b| - if current_user.unregistered? = b.element :inner do You

13熱度

1回答

如何使用BEM正確設置元素的範圍？

鑑於以下BEM樹結構，設有五個嵌套級別存在： collection-main__features-top__story__byline__author 根據BEM的命名約定，其中一個元素是塊的組成部分，它屬於，什麼是塊外沒有任何意義命名author類的正確方法？由於一個author在語義綁在byline和story範圍內，但毫無意義下的features-top和collection-main

3熱度

1回答

在BEM方法中使用HTML5語義元素

在BEM中使用HTML5語義元素是一種很好的做法嗎？例如。是 <header class="header header--full"> <nav class="header__nav">...</nav> </header> OK或者我應該使用的div呢？

6熱度

2回答

薩斯與BEM，繼承選擇

我使用薩斯3.4.1和BEM所以我SCSS是： .photo-of-the-day{ &--title{ font-size: 16px; } } ，我想在.photo-of-the-day的東西，每次懸停與標題發生，這是非常常見所以通常在CSS： .photo-of-the-day:hover .photo-of-the-day--title{ f

0熱度

1回答

關閉鏈接懸停

我正在使用Bootstrap SASS和Bootstrap SASS Loader。我正在定義一個_bootstrap-customizations.scss文件，該文件允許我忽略BS默認變量而不用更改它的核心文件。核心文件定義了一些a:hover, a:active CSS聲明。我願把它們關掉普遍用於所有a元素沒有定義此明確每一個環節按名稱間隔或任何對，或者使用!important

2熱度

1回答

BEM。塊修飾符元素命名

我有一個客戶端實體。有兩種類型的客戶：醫生和藥房。兩者都有「姓名」，「地址」，「電話」，「電子郵件」字段。但醫生還有「醫學專業」和「醫院」領域。醫生和藥房在風格上幾乎相同（醫生的身高和專業除外）。我有「客戶端」塊（使用原始的BEM表示法）。 .client { &_type_doctor { height: 280px; } &_type_pharma

0熱度

1回答

HTML/CSS：CamelCase vs Underscores

我讀過很多關於camelCase和Underscore命名約定的優缺點的文章。我一直比較喜歡camelCase，主要是因爲它節省了字節。但是瞭解BEM，我一直很困惑。 BEM命名更具可讀性，但'_'，'__'和長名稱會增加文件大小。此外，我無法找到任何js插件。那麼哪一個更適合合格的網頁？ P.S.對不起英文不好。任何意見表示讚賞

3熱度

1回答

BEM CSS：類似的塊和樣式共享

閱讀關於BEM CSS並編寫了一些小網站使用 - 我對它非常熟悉。不過，我仍然不確定如何處理非常相似的塊，但沒有任何關係。說我有很多無序列表塊，它們的頂部行都有相同的樣式。其他列表項目可以有不同的佈局，並且都是完全不相關的。我發現自己在命名塊是什麼（例如'latest-news'，'coming-events'），然後將所有這些塊堆疊在CSS中變得麻煩 - 更不用說難以管理了。欣賞這個東西不

3熱度

1回答

如何選擇像BEM，OOCSS，AMCSS，SMACSS，SUITCSS等CSS模塊化方法？

這是很多CSS的模塊化解決方案。我列出了一些主題，但可能已經有更多。你如何選擇哪一個用於你的新項目？有比較嗎？