bem

    0熱度

    1回答

    我有follwing HTML <div class="listing listing--with-margin"> @foreach($recipients as $recipent) <span class="listing__item">{{ $recipent }} <input type="checkbox"></span> <span class="l

    0熱度

    1回答

    我正在嘗試深入BEM方法。儘管它似乎是所有項目規模的「必備」方法,但我對它感到不滿或者我只是試圖以錯誤的方式使用它? 使用BEM的CSS被分成這樣的東西。 .block { /* Block code goes here */ } .block--is-hidden { /* Block modifier code goes here */ } .block__el

    1熱度

    1回答

    我正在使用BEM,並且在從一個塊中獲取屬性以覆蓋另一個塊中的樣式時遇到問題。我知道有些人可能會建議爲.button添加修飾符,但有些情況下某些屬性需要應用於單個頁面,所以不必添加整個其他修飾符。 下面是一個例子,是想說明我的問題: .button { padding-left: 0; } 現在,當我去加入填充左,它越來越padding-left: 0;,而不是我想使用真實.my-b

    0熱度

    1回答

    我剛剛在大約30分鐘前看過BEM,並且用它打了我的第一個路障。 我正在使用twitter bootstrap構建一個項目,並且我決定使用BEM架構來處理我的樣式,我試着重寫堆棧列表上的引導懸停效果,但這不起作用。 <ul class="nav nav-stacked side-nav"> <li class='side-nav__item'><a href="#">Link</a></l

    0熱度

    2回答

    所以,如果我是使用BEM創建一個滑塊就應該是這樣的: <div class="slideshow"> <div class="slide slide--slide01"></div> <div class="slide slide--slide02"></div> <div class="slide slide--slide03"></div>

    0熱度

    1回答

    根據「內部修飾符」從「外部」樣式化塊可以嗎? 下面是一個例子: HTML <div class="Header"> <div class="Button Header__button"> Seperate Block with optional modifier Button--expanded </div> </div> button.css .Button

    0熱度

    1回答

    例如,這是我的BEM風格筆代碼: .example background yellow .block background black &--modify1 background red &--modify2 background blue 如果我想用.example作爲我的組件的類名,我知道這個代碼: <Component cla

    0熱度

    1回答

    我開始使用Laravel項目,並且使用BEM樣式文件夾佈局(按塊排序,而不是按類型)過去的項目,我想在內部執行同樣的操作Laravel提供的views文件夾。將這些文件放在一起看起來很明顯,而不是反映在js/sass文件夾中的文件夾結構,但也有一些懷疑,提示了這個問題。 舉個例子,如果我有一個模態組件,它會存在於: views/components/modal ,它將包括: modal.bla

    0熱度

    1回答

    我有一個關於的問題BEM特異性。我想確保儘可能以最好的方式使用該方法。比方說,我有一個應用顏色標題的通用風格。然後我的父容器有一個編輯背景的修飾符。然後,我需要重寫應用於該標題的任何後續顏色規則,以防止對比度問題,但也可能包含一整套其他元素。 我該如何推斷這個問題到更復雜的情況?我知道我只能手動覆蓋所有樣式,但在BEM方法中是否有更好的方法來處理它? 這是一個問題嗎? CSS .headline{

    0熱度

    1回答

    我不確定SO是否是提問的正確位置。如果不是,請告訴我。 我最近在學習BEM CSS方法,我喜歡它如何解決諸如特殊性問題等許多CSS問題。它使我們的CSS更易於維護。 由於我是新手,我很難用正確的BEM類創建正確的HTML佈局。我已經使用BEM創建了一個模塊,並希望專家根據BEM的最佳實踐就可能是正確佈局的意見發表意見。 這裏是我試圖使用BEM CSS方法的截圖。 這裏是HTML的佈局,我想出來的,