css选择器有哪些?[通俗易懂]

css选择器有哪些?[通俗易懂]一、写在前面css选择器有很多,但是常用到的也就几个,今天总结一下。二、具体选择器2.1、id选择器#myId{}2.2、类选择器.myClass{}2.3、标签选择器p,h1{}2.4、后代选择器divh1{}2.5、子选择器div>h1{}2.6、兄弟选择器(所有的兄弟)ul~h1{}2.7、相邻兄弟选择器ul+h1{}2.8、属性选择器li[name=’sss’]{}2.9、伪类选择器h1:hover{}2.10h

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

一、写在前面
css选择器有很多,但是常用到的也就几个,今天总结一下。
二、具体选择器
2.1、id选择器

#myId { 
   }

Jetbrains全家桶1年46,售后保障稳定

2.2、类选择器

.myClass { 
   }

2.3、标签选择器

p,h1 { 
   }

2.4、后代选择器

div h1 { 
   }

2.5、子选择器

div>h1 { 
   }

2.6、兄弟选择器(所有的兄弟)

ul~h1 { 
   }

2.7、相邻兄弟选择器

ul+h1 { 
   }

2.8、属性选择器

li[name='sss'] { 
   }

2.9、伪类选择器

h1:hover { 
   }

2.10

h1::before{ 
   }

2.11、通配符选择器*

* { 
   }
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/200701.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 航天信息金税盘接口 js 调用

    航天信息金税盘接口 js 调用航天信息金税盘接口js调用背景最近项目要求与单机版的金税盘接口进行对接,在这里简单记录一下自己的开发经验,希望可以帮助到有需要的人PS:接口使用js对接,仅支持ie浏览器。前置条件在进行开发时候需要有一些前置条件ie浏览器开启activeX控件设置–>Internet选项–>安全–>自定义级别把activeX…

    2022年4月30日
    73
  • php多线程webservice,PHP有适用于高并发的WebService框架嘛?[通俗易懂]

    php多线程webservice,PHP有适用于高并发的WebService框架嘛?[通俗易懂]现在的nodejs项目很火,ruby语言也出现了像sinatra,Padrino之类的webservice框架,PHP语言有没有类似的框架啊?回复内容:现在的nodejs项目很火,ruby语言也出现了像sinatra,Padrino之类的webservice框架,PHP语言有没有类似的框架啊?swoole_framework可以试试http://www.slimframework.com/与si…

    2022年9月21日
    2
  • 【豆瓣达人总结】做爱做的事,看有趣的人

    【豆瓣达人总结】做爱做的事,看有趣的人惊雀http://www.douban.com/people/4917689/有想法很特别的一位大哥,从另一个角度告诉你什么叫做“人不可貌相”,有位友邻说得好:之所以觉得惊先生特别是因为先生是为数不多思考爱情的帅哥~@东窗未白keledollhttp://www.douban.com/people/keledoll/热血科学心理学女青年,今天才发现她有豆瓣页面。搜索kele

    2022年9月28日
    2
  • 1.1 PCI&PCIE 配置寄存器访问

    1.1 PCI&PCIE 配置寄存器访问1、PCIE寄存器的总体结构:PCI的配置寄存器空间为256个字节大小。PCIE扩展了配置寄存器空间,大小为4096的字节。PCIE配置寄存器的整体分布如下图所示:从上图可见,整个PCIE配置空间被分成了3部分,其中0-FF为PCI兼容的配置空间,100-FFF为PCIE扩展的空间。每部分的作用大概如下:a、0-3F:这部分的配置空间是标准的PCI配置空间头,是每个PCI/PCIE设备都必

    2022年6月21日
    290
  • 9款极具创意的HTML5/CSS3进度条动画(免积分下载)「建议收藏」

    9款极具创意的HTML5/CSS3进度条动画(免积分下载)

    2022年1月28日
    52
  • 常用webservice方法_太极拳初学入门的基本要领

    常用webservice方法_太极拳初学入门的基本要领1.什么是webservice先来考虑一个问题,如果我们要在自己的程序里面展示天气预报,那怎么弄?正确的做法是我们发送一个请求到一个系统,他会给我们返回来天气情况。这个就是一个webservice。天气预报系统就相当于webservice的服务端,我们的系统就相当于客户端。2.如何调用别人发布的webservice

    2022年9月21日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号