首页 > 软件开发 > 编程语言 >

CSS基础-派生选择器

来源:互联网 2023-03-17 00:16:26 243

本文主要为简单的讲解下如何掌握派生选择器的使用TkH办公区 - 实用经验教程分享!

工具/原料

  • Intellij IDEA
  • 浏览器

方法/步骤

  • 1

    首先,打开IDEA软件,并新建一个工程,建好后,右键创建一个html文件,完成后便完成了最开始的工作TkH办公区 - 实用经验教程分享!

    CSS基础-派生选择器TkH办公区 - 实用经验教程分享!

  • 2

    在文件中写代码,写一个标签和一个strong>标签;然后定义一个列表ul>,在列表项中指定strong>,然后执行TkH办公区 - 实用经验教程分享!

    CSS基础-派生选择器TkH办公区 - 实用经验教程分享!

  • 3

    打开网页看效果图,便是这样的效果了TkH办公区 - 实用经验教程分享!

    CSS基础-派生选择器TkH办公区 - 实用经验教程分享!

  • 4

    然后让列表项标签中的文字加一个样式,标签中的文字不增加样式,这就需要采用派生选择器进行处理TkH办公区 - 实用经验教程分享!

    CSS基础-派生选择器TkH办公区 - 实用经验教程分享!

  • 4此文章未经授权抓取自百度经验
  • 5

    使用派生选择器处理后,打开网页看效果图,便是这样的效果了TkH办公区 - 实用经验教程分享!

    CSS基础-派生选择器TkH办公区 - 实用经验教程分享!

  • 6

    在css样式表中增加一种样式,给strong>单独指定一种样式TkH办公区 - 实用经验教程分享!

    CSS基础-派生选择器TkH办公区 - 实用经验教程分享!

  • 7

    列表项中依然是之前所定义的红色,而标签中的文字改变了颜色(因此可以看出已经定义好的效果,是不会被覆盖的;而没有指定效果的会被当前定义的strong>所覆盖掉)TkH办公区 - 实用经验教程分享!

    CSS基础-派生选择器TkH办公区 - 实用经验教程分享!

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


    标签: CSS编程语言

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