bem

    0熱度

    1回答

    我想對BEM約定做一些說明。假設我有一個卡塊,將在兩個地方/頁面registration和dashboard中使用。 卡片HTML結構看起來是這樣的: <div class="card"> <header class="cardheader"> <h3 class="cardheader_title"> Some Title </h3> </he

    1熱度

    1回答

    根據BEM的文檔,您不應使用元素內的元素。 這對我很有意義,因爲塊包含的元素不能在該塊之外。 但是,一個元素可以包含一個塊嗎?以便該元素內的塊不能在該元素之外。 BEM的官方網站使用此。但我始終認爲塊的概念是,你可以把它放在頁面的任何地方,而不需要任何依賴。 這裏是從官方網站 enter image description here

    1熱度

    3回答

    我即將開始使用Aurelia的新項目,我正在考慮將它與CSS BEM方法結合使用。 第一個問題:這基本上被認爲是一個很好的匹配,或者是否有任何替代方案與Aurelia「更合適」? 主要問題:與一些自定義奧裏利亞視圖的示例 最佳解釋(一個應用程序報頭): <template> <div class="AppHeader"> <span class="AppHeader-logo

    0熱度

    1回答

    我是新來BEM和樣品模板工作: HTML <header class="header"> <div class="header__branding"> <h1>Site branding</h1> </div> <div class="header__menu"> <nav class="main-menu"> <ul class="m

    0熱度

    1回答

    我試圖對我的sass變量實施BEM方法。 // Variables // Colors $color--blue--light: #3696D1; $color--grey: #2D4452; ... // Fonts $body__font--sans-serif--roboto: 'Roboto', sans-serif;

    0熱度

    1回答

    在gruntfile stylelint: { all: ['app/styles/**/*.scss'] }, .stylelintrc { "plugins": [ "stylelint-selector-bem-pattern" ], "rules": { "plugin/selector-bem-pattern": {

    1熱度

    2回答

    我有這樣 <div class="chatlist-container chatlist-container_hidden"> <div class="container-header"> <span class="chatlist-title"> </span> <div class="container-header__button"> <s

    1熱度

    1回答

    假設我在一個集合中有一個產品。將產品稱爲「feature-collection__product」是否合適,因爲它仍然是「feature-collection」塊中的一個元素,或稱爲「feature-collection-product」,因此它變成了它自己的塊,因爲它內部還有其他元素,或者不同的東西。 <div class="feature-collection"> <div cla

    0熱度

    1回答

    比方說,我想有一個title塊,以及造型方面的考慮,我需要它築巢用一些特殊的CSS樣式一div內(例如,我想具體的邊界和空間造型)。我們稱之爲box。盒子裏只有title的樣式。 我需要擁有box的事實只是與CSS的限制有關,因此box被視爲BEM術語中的塊是沒有意義的。它甚至沒有作爲DOM元素的意義。但title位於內box。 對我來說box類title__box是有意義的,因爲它沒有意義,沒有

    2熱度

    1回答

    我非常喜歡BEM,並且通常使用BEM的變體,我使用狀態類來打開/關閉子項目,從而使我的規則易於理解SASS喜歡: .my-block{ &__element { color : blue; // I prefer state-classes over modifiers for state &.is-selected { color : red; }