html根据标签的属性选择，html基本标签的属性

`标签，那就要加上选择器[`.container`]，反正我是住宅雕花魔术师，展现我的魅力！

```

...

```

啊哈，这下我可得到了一系列帅气的盒子，这就叫做高大上可控啊！

话说`class`属性除非你是寂寞的舞者，一般都会有很多很多的选项，每个选项都得摇头晃脑，赶快标上`class`属性！现在让我一个一个向你介绍吧！

首先是`id`，一种身份证明，它就是身份证之于你身份的象征，假如这个标签只有唯一一个，那就别犹豫，爽快地给它加上`id`属性！一定要记住啊，同一页面中，`id`是不能重复的，要是你重复了，那我也只能说：呀！我扑腾了你一下！

啊哈，那就让我来个例子吧！比如我现在要挑选带有`id`属性的``标签，`id`为`banner`的，那我就可以写成这样的选择器啦：``。这就是如履薄冰啊，差之毫厘，谬之千里！

```

```

这样，你就看到了一个独一无二的banner啦，说不定还有个好文明底牌呢！

除了`id`，我们还有`name`，这个是给他个名字，让标签上的内容忘不了自己是谁。所以，假如你想要选取所有``标签并且`name`属性为`username`的，只需写上选择器`input[name="username"]`.

```

...

```

这样一来，你就可以得到一个个老实说话的输入框啦，嗯，就是这么有趣！

除了这些，我们还可以使用`data-*`属性，这是一股神秘而又深厚的力量，用`data-*`属性我们就能给标签赋予更多个性化的特征。

比如你要找所有带有`data-role`属性的`