字體單位和符號在更短的與BEM語法問題

我感到困惑符號行爲與BEM語法和字體單元LESS編譯字體單位和符號在更短的與BEM語法問題

例子：

<div class="search-form search-form--full"> 
    <p class="search-form__text"> 
</div>

據我所知，&將剛剛加入（串連）嵌套選擇器外選擇也許同樣級別的整個列表，所以：

search-form{ 
    &__text{ 
     font-size: 10px; 
    } 
}

將遵守：如何加入--full選擇器。

預先感謝

2014-11-23 The Hung

我瘦你應該創建兩個問題。但1）另請參見http://stackoverflow.com/questions/19510224/convert-px-to-em-in-less，2）'search-form {＆ - full {}}'？ – 2014-11-23 19:04:02

要獲得搜索形式 - 滿載時，必須要做到這一點：

.search-form{ 
    display:block; 

    &__text{ 
     font-size: 10px; 
    } 

    &--full { 
     color: #fff; 
    } 

}

，你將有：

.search-form {} 
.search-form__text {} 
.search-form--full {}

2014-12-23 14:57:39 knightkiddo

關於PxToEm轉換器，是小心哪個元素是父項。

如果我們有一個LESS或Sass Mixin轉換爲像.pxtoem（）;

如：

body { font-size: 16px } 
span { .pxtoem(12) }

這是12/16 = 0.75em

，但如果你這樣做：

如：

p { font-size: 12px } 
p span { .pxtoem(11) }

這一次，它的11/12 = 0.91em而不是11/16（主體字體大小）;

你混入肯定是孩子由家長和孩子不被身體

分如果你想要這個，使用REM分。選中此項：http://snook.ca/archives/html_and_css/font-size-with-rem

2014-12-23 15:04:37 knightkiddo

回答