# style-plus

**Repository Path**: Tofu_Xx/style-plus

## Basic Information

- **Project Name**: style-plus
- **Description**: Enhance the style attribute to make CSS and HTML deeply integrated. | 增强style属性，让css和html深度融合。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-10-13
- **Last Updated**: 2024-12-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: CSS

## README

<h1 align=center>style-plus</h1>
<p align=center>
  <b>简体中文</b> | <a href="./README.md">English</a>
</p>

增强style属性，支持[CSS嵌套语法](https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_nesting/Using_CSS_nesting)
也就是说可以在行内样式中写CSS选择器

## 例子```
html
<ul style="display: flex;li{flex: 1}">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>
```

## 使用
```html
<script src="https://unpkg.com/style-plus"></script>
```
**or**
```js
import 'https://unpkg.com/style-plus/dist/index.esm.js'
```