---
# System prepended metadata

title: RSCSS Rules
tags: [Rule, CSS]

---

## Table
#### :sparkles: Use variant class instead of specify width of column table inline
:link: [Link](https://github.com/azoom/carparking-one/commit/c38b427993470cbe498e15f869de941c0a0c38f2)

:x: Not good
```jsx
    <th
        v-for="(column, index) in tableColumns"
        key="getColumnKey(index)"
        :width="column.width"
    />
```
:white_check_mark: Good
```jsx
    <th
        v-for="(column, index) in tableColumns"
        :key="getColumnKey(index)"
        :class="column.variant"
    >
```

#### :sparkles: Specify pseudo-classes in nested manner
:link: [Link](https://github.com/azoom/carparking-one/commit/a84fc70ca36aabd57ef8734e3eb07d3be78653e4)

:x: Not good
```css
    > .table > .body > .item > .cell:first-child {
        border-left-width: 0;
    }
```
:white_check_mark: Good
```css
    > .table > .body > .item > .cell {
        &:first-child {
            border-left-width: 0;
        }
    }
```