css - First use BEM. What I doing wrong? -


i try use bem in first time , think don't quite understand it. is assign classes elements, include li , a? grateful receive advice on peace of code:

  <header> <div class="container container-1170">   <div class="row">     <div class="col-md-12">        <nav class="navbar navbar-default header-menu">          <div class="navbar-header header-menu__toggle">           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">             <span class="sr-only">toggle navigation</span>             <span class="icon-bar"></span>             <span class="icon-bar"></span>             <span class="icon-bar"></span>           </button>           <img src="./img/sprite.png" class="header-menu__logo ico_header-logo" alt="">         </div>         <div id="navbar" class="navbar-collapse collapse">           <ul class="nav navbar-nav navbar-right header-menu__list">             <li class="header-menu__list__item item"><a href="#" class="item__href item__href--active"></a></li>             <li class="dropdown header-menu__list__item item">               <a href="#" class="dropdown-toggle item__href item__href--dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a>               <ul class="dropdown-menu drop-list">                 <li class="drop-list__item"><a href="#"></a>                   <ul class="in-drop-item">                     <li class="in-drop-item__item"><a href="#" class="in-drop-item__item__href"></a></li>                     <li class="in-drop-item__item"><a href="#" class="in-drop-item__item__href"></a></li>                     <li class="in-drop-item__item"><a href="#" class="in-drop-item__item__href"></a></li>                     <li class="in-drop-item__item"><a href="#" class="in-drop-item__item__href"></a></li>                     <li class="in-drop-item__item"><a href="#" class="in-drop-item__item__href"></a></li>                     <li class="in-drop-item__item"><a href="#" class="in-drop-item__item__href"></a></li>                   </ul>                 </li>                 <li class="drop-list__item"><a href="#"></a></li>                 <li class="drop-list__item"><a href="#"></a></li>                   <li class="drop-list__item"><a href="#"></a></li>               </ul>             </li>             <li class="header-menu__list__item item"><a href="#" class="item__href"></a></li>             <li class="header-menu__list__item item"><a href="#" class="item__href"></a></li>             <li class="header-menu__list__item item"><a href="#" class="item__href"></a></li>             <li class="header-menu__list__item item"><a href="#" class="item__href"></a></li>             <li class="header-menu__list__item item"><a href="#" class="item__href"></a></li>           </ul>         </div><!--/.nav-collapse -->       </nav>     </div>   </div> </div>

thanks help!

the key concept of bem reusability of code. if can reuse it, should give class. helps avoid nested selectors , make things more modular. recommend not so, if not necessary, if feel elements never apart of structure, can make cascade style rules them, careful, feeling tricky.

also, i've found other mistake - should avoid "elements of elements". here explanation: https://en.bem.info/methodology/faq/#why-does-bem-not-recommend-using-elements-within-elements-block__elem1__elem2


-

Comments

Post a Comment

Popular posts from this blog

java - Jasper subreport showing only one entry from the JSON data source when embedded in the Title band -

Image
i having issues populating data in subreport in title band of main report. data populated correctly in subreport in detail band of main report. trying find wrong in json query. appreciated. json sample data source (expenses.json) { "expenses": { "date": "8 sep 2016", "accounts": [ { "title": "xyz corp (111)", "accountname": "xyz corp", "accountnumber": "111", "transactions": [ { "date": "21 jun 2016", "name": "gas", "price": "17.50" }, { "date": "12 may 2016", "name": "shopping", "price": "111.99" }, { "date": "30 apr 2016", "name"
Read more

mapreduce - Resource manager does not transit to active state from standby -

one spark job running more 23 days , caused resource manager crash. after restarting resource manager istance (there 2 of them in our cluster) both of them stayed in standby state. and getting error: error org.apache.hadoop.yarn.server.resourcemanager.resourcemanager failed load/recover state org.apache.hadoop.yarn.exceptions.yarnexception: application id application_1470300000724_40101 present! cannot add duplicate! we not kill 'application_1470300000724_40101' yarn resource manager not working. killed instances unix level on nodes dint work. have tried rebooting nodes , still same. somewhere 1 entry of job still there , preventing resource manager elected active. using cloudera 5.3.0 , can see issue has been addressed , resolved in cloudera 5.3.3. @ moment need workaround past now. to resolve issue can format rmstatestore executing below command: yarn resourcemanager -format-state-store but careful clear application history executed befor
Read more

serialization - Convert Any type in scala to Array[Byte] and back -

i have following question: i have variable value in program declared value. i want convert value byte array.. how can serialize byte array , back? found examples related other types such double or int, not any. this should need. it's pretty similar how 1 in java. import java.io.{bytearrayinputstream, bytearrayoutputstream, objectinputstream, objectoutputstream} object serialization extends app { def serialise(value: any): array[byte] = { val stream: bytearrayoutputstream = new bytearrayoutputstream() val oos = new objectoutputstream(stream) oos.writeobject(value) oos.close stream.tobytearray } def deserialise(bytes: array[byte]): = { val ois = new objectinputstream(new bytearrayinputstream(bytes)) val value = ois.readobject ois.close value } println(deserialise(serialise("my test"))) println(deserialise(serialise(list(1)))) println(deserialise(serialise(map(1 -> 2)))) println(deserialise(seri
Read more