复合选择器-focus选择器(HTML、CSS)

港控/mmm° 2023-10-03 12:44 166阅读 0赞

复合选择器-:focus选择器(HTML、CSS)

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>复合选择器-:focus选择器</title>
  7. <style>
  8. /* 把获得光标的input表单元素选取出来 */
  9. input:focus {
  10. background-color: rgb(157, 157, 214);
  11. }
  12. </style>
  13. </head>
  14. <body>
  15. <input type="text">
  16. <input type="text">
  17. <input type="text">
  18. </body>
  19. </html>

发表评论

表情:
评论列表 (有 0 条评论,166人围观)

还没有评论,来说两句吧...

相关阅读

    相关 CSS复合选择

    交集选择器 并集选持器 后代选择器 子元素选择器 相邻兄弟选择器 属性选择器 交集选择器 交集选择器由两个选择器直接连接构成,其中第

    相关 CSS复合选择

    复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。 交集选择器 交集选择器由两个选择器构成,其中第一个为标签选

    相关 jQuery复合选择

    一 介绍 复合选择器将多个选择器(可以是ID选择器、元素选择或是类名选择器)组合在一起,两个选择器之间以逗号“,”分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个

    相关 CSS复合选择

    CSS复合选择器 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。 交集选择器 交集选择器由两个选择器构成,其