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)
上一篇 2025年8月23日 上午10:22
下一篇 2025年8月23日 上午11:01


相关推荐

  • 投影向量=投影长度乘以单位向量

    投影向量=投影长度乘以单位向量得出结论长度乘以一个向量等于一个向量 投影长度乘以单位向量等于投影向量

    2026年3月17日
    2
  • springboot整合mybatis实现增删改查

    springboot整合mybatis实现增删改查立志存高远,笃行践初心三更灯火五更鸡,正是男儿读书时。黑发不知勤学早,白首方悔读书迟。立志,标定人生方向;奋斗,创造人生价值,二者相辅相成,互相促进。大部分程序员的「目标」都是成为一名优秀的工程师,一名可以统览全局的「架构师」。千里之行始于足下对于大部分普通人而言,成为一名优秀的架构师还是有一定难度的,「千里之行始于足下,一步一个脚印,慢慢来」。????粉丝专属福利:包邮送书3本,如下书单四选一。????获取方式:1、参与文末投票,点赞,收藏即有机会获得精

    2022年6月15日
    32
  • cursor如何登录

    cursor如何登录

    2026年3月16日
    2
  • APP测试基本流程以及APP测试要点梳理,保证您看了不后悔!

    APP测试基本流程以及APP测试要点梳理,保证您看了不后悔!前言:相信很多刚刚步入测试行业的小伙伴对于APP测试不是很熟悉,这次我为大家提供一篇宝藏文章,希望大家喜欢,谢谢!一、APP测试基本流程1、流程图2、测试周期测试周期可按项目的开发周期来确定测试时间,一般测试时间为两三周(即15个工作日),根据项目情况以及版本质量可适当缩短或延长测试时间。3、测试资源测试任务开始前,检查各项测试资源。–产品功能需求文档;–产品原型图;–产品效果图;–测试设备;–其他。4、日报及产品上线报告(内部报告机制)–测试人员每天需对所测项目发送测试日报。(

    2022年5月5日
    114
  • fork join语句_java forkjoinpool

    fork join语句_java forkjoinpool借鉴大数据里分而治之的思想

    2026年1月30日
    6
  • Linux信号,signal和sigaction(一)[通俗易懂]

    Linux信号,signal和sigaction(一)[通俗易懂]
    信号是Unix和Linux系统响应某些条件而产生的一个事件。接收到该信号的进程会相应地采取一些操作。
    每个信号都有一个数字编码。
     
             实例:Ctrl-C的工作原理
            1.用户输入ctrl-c<

    2022年5月4日
    83

发表回复

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

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