html中元素的获取方式及设置样式

方式一 依据id获取（获取特定id的某一个元素，同一个页面中，每个元素的id设定必须是独一无二的，不能有两个元素有相同的id)

方式二 依据class获取（获取一类（类别是自定义的）元素）

方式三 依据标签获取（获取 某类html标签元素）

方式四 依据属性获取（获取具有某个属性的元素）

方式五 依据伪类获取（获取处于某种特定状态的元素）

---

demo:

<style>
#test_id1{
  color: red;
}/*  依据id获取  */

.test_class{
  color: blue;
}/*  依据class获取  */

ul,ol {
  color: green;
}/*  依据标签获取  */

[name] {
  color: yellow;
}/*  依据属性获取  */

a:hover{
  color: cyan;
}/*  依据伪类获取  */
</style>

<p name="test_name">我是一个段落</p>
<a>我是一个链接</a>
<ul> 
  <li name="">technologists</li>
  <li class="test_class">thinkers</li>
  <li class="test_class">builders</li>
</ul>

<ol> 
  <li>technologists</li>
  <li id="test_id1">thinkers</li>
  <li id="test_id2">builders</li>
</ol>

以上代码效果如下：

获取元素，设置样式