方式一 依据
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>
以上代码效果如下:
获取元素,设置样式
网友评论