我们在网页中需要选中网页上的文字或者图片等进行编辑，比如添加css样式，那么我们就需要用到选择器，接下来我们介绍三种最常用的选择器，让我们可以选中我们需要设置的文字或者图片等，进行样式的添加。这三种选择器是标签选择器、class选择器和id选择器。
工具/原料
1
windows记事本（任意一个版本即可）
2
Sublime(也是一种记事本)
3
任意一个浏览器即可（这里使用Google Chrome浏览器）
方法/步骤
1
1.如图所示，我们新建一个记事本，并将记事本的名字改为“网页中选择器的使用（6）.html”，并回车键确定，以使文件转化为浏览器可以打开的html网页文件。
2
2.如图所示，我们鼠标右击，在弹出的下拉菜单中，我们选择打开方式，之后我们用“Sublime Test”这个程序，打开这个html文件进行编辑。
3
3.如图所示，我们写一个标签，以次来声明这是一个html5的文档。并且用包含网页的主体。
4标签用来包含标题，再写<meta>标签用来设置文字的编码方式，以次让浏览器正确解码这个网页。</p></div><div class="listcon"><span>5</span><p>5.如图所示，我们写上<body>标签用来包含html文档的主体部分，并且写上<p>标签用来写上一句话，来展示标签选择器如何使用。</p></div><div class="listcon"><span>6</span><p>6.如图所示，我们写上一个<div>标签里面写上一句话，我们在div里面对其class属性来设置一个值，来展示class选择器的使用。</p></div><div class="listcon"><span>7</span><p>7.如图所示，我们写上一个<h1>标签里面写上一句话，我们在h1里面对其id属性来设置一个值，来展示id选择器的使用。</p></div><div class="listcon"><span>8</span><p>8.如图所示，我们现在来写选择器了来为标签中的内容设置样式，当然我们需要写一个<style>标签用来包含这些样式了，并且声明其类型为css类型。</p></div><div class="listcon"><span>9</span><p>9.如图所示，我们写一个标签选择器，就是标签加大括号这样的格式，就是标签选择器了，我们可以在大括号里面设置样式，这里我们设置p标签中的文字为蓝色。</p></div><div class="listcon"><span>10</span><p>10.如图所示，我们写一个class选择器，就是.class的值再加大括号，然后大括号里面可以对选中的内容进行样式的设置，这里我们设置其背景颜色为黑色，文字颜色为白色。</p></div><div class="listcon"><span>12</span><p>12.如图所示，我们鼠标右击在弹出的下拉列表中，我们选择“在浏览器中打开”这一项。</p></div><div class="listcon"><span>13</span><p>13.如图所示，我们看到浏览器中，我们用标签选择器、class选择器和id选择器选中的内容都按照我们设置的样式显示了。</p></div><div class="listcon"><span>14</span><p>14.如图所示，这是dome的源码以供大家参考哦！<!--html5文档的声明--><!DOCTYPE html><!--html5文档的主体--><html><!--html中的头部部分-head部分--><head><!--html的<title>标签用来设置标题,我们设置标题为“网页中标签选择器的使用（6）”--><title>网页中标签选择器的使用（6）
4.如图所示，我们写一个
标签用来包含html文档的头部部分，并且上我是一个p标签，用来展示标签选择器，我的文字是蓝色
我是一个div，用来展示class选择器，我的背景颜色为黑色
我是一个h1，用来展示唯一性的选择器id选择器，我的背景颜色为绿色
注意事项
1
1.欢迎大家有问题时，向本大神进行提问哦！
2
2.没有软件的也可以找本大神。