CSS选择器

1.A+B{}

直接相邻选择器，匹配A元素相邻的同级元素B

2.A~E

普通相邻选择器（弟弟选择器），匹配A元素之后的同级元素E（无论直接相邻与否）

.content~h1指class为content后的所有同级元素h1

3..box>h1：frist-child指找到box的第一个孩子是h1 的元素，先找孩子，再找孩子中的h1

，什么都没有找到

box下的第一个子元素，.box>h1：frist-of-type指box的孩子当中的h1，再找到第一个。

4.cursor：pionter添加一个手

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Css 选择器(详细).
    class 和 id 的使用场景? 一个#id在HTML中只能出现一次，控制一个元素；而一个.class可以多次出...
    邢烽朔阅读 526评论 0赞 4
  • 前端新手常见问题（四）-CSS选择器
    class 和 id 的使用场景? class属性： 指定标签的类名，CSS操作中，把一些特定的样式放到一个类中，...
    我要认真学前端阅读 1,049评论 0赞 0
  • CSS选择器
    id与class的使用场景 id选择器，匹配特定id的元素类选择器，匹配class包含(不是等于)特定类的元素id...
    姚小帅阅读 364评论 0赞 0
  • css选择器(8)
    掌握常见 CSS 选择器的用法对选择器优先级有一定认识 学习建议 从学 CSS 开始，课程视频里的代码需要边听、边...
    吴晗君阅读 394评论 0赞 1
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1赞 92