首页 > 软件开发 > CSS >

如何运用CSS选择器

来源:互联网 2023-03-16 19:10:36 342

如何运用CSS选择器bkp办公区 - 实用经验教程分享!

工具/原料

  • IE6
  • sublime text3

方法/步骤

  • 1

    常见的是可以用id来进行选择。bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

  • 2

    星号代表全部,会修改全部的样式。bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

  • 3

    我们也可以直接选择标签。bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

  • 4

    选择多个标签的时候要用逗号隔开。bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

  • 5

    ul > li代表选择父元素为ul的所有li标签。bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

  • 6

    h2 h3表示选择紧接在h2后面的h3标签。bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

  • 6此文章未经许可获取自百度经验
  • 7

    [href]选择带有href属性的所有元素。bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

  • 8

    li[title="lion"]选择属性为title="lion"的所有li标签。bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

  • 9

    [title*="on"]选择title属性里面包含on的所有元素。bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

  • 10

    input:check表示input被打钩的时候。bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

  • 11

    input:focus表示选择获得焦点的input元素。bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

  • 12

    h3:hover表示选择鼠标指针位于其上。bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

  • 13

    还可以选择父元素下面的第几个子元素。bkp办公区 - 实用经验教程分享!

    ul > li:first-childbkp办公区 - 实用经验教程分享!

    ul > li:last-childbkp办公区 - 实用经验教程分享!

    ul > li:nth-last-child(2)bkp办公区 - 实用经验教程分享!

    ul > li:nth-child(2)bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

    如何运用CSS选择器bkp办公区 - 实用经验教程分享!

  • 注意事项

    • 注意选择器不同的格式要求

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!bkp办公区 - 实用经验教程分享!


    标签: CSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码