美文网首页
html中元素的获取方式及设置样式

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

作者: 枫叶落尽 | 来源:发表于2018-06-20 00:19 被阅读0次

    方式一 依据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>
    

    以上代码效果如下:

    获取元素,设置样式

    相关文章

      网友评论

          本文标题:html中元素的获取方式及设置样式

          本文链接:https://www.haomeiwen.com/subject/nyzzeftx.html