egoist
5/5/2016 - 2:28 AM

The way I name a class in CSS

The way I name a class in CSS

CSS class naming rule:

module[_element]-modifier

  • element name is not always required, but it's recommended if the element is not a div.
  • modifier name is not required on the top level of the component.

eg, counter.vue:

<template>
  <div class="counter">
    <input class="counter_input-count" v-model="count" />
  </div>
</template>