2021-03-03

回顾选择器

基础选择器

1.元素选择器

元素名(标签名)

如:

h1

div

a

span

input

form

option

select

2.id选择器

在html里面  使用id=“cc”

使用#来查找 id选择器

如:#cc

3.类选择器

在HTML里面使用class设置

在CSS和JS里面 查找 使用.类选择器的名字

如:.haha

如:<div class = "haha"></div>

后代选择器

只要是 某个元素中的 子元素  都可以选择上

后代选择器是通过空格隔开的    如:.xx .title{}、div a{}、#ff .vv{}

两个选择器之间是有空格的

子类选择器

只能选择直接子元素

父元素的选择器>子元素的选择器

如:

.item>p

交集选择器

div.top

都包含

p.top

并集选择器

html,body

.top,.nav

属性选择器

input[type=password]

选择器名[属性名=属性值]

子类第几个元素

:first-child

:nth-child

注意分清交集和后代

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • JS操作HTML 1.创建 HTML document.createElement("标签名"); 如 v...
    言术阅读 353评论 0 0
  • 回顾选择器 基础选择器 1.元素选择器 元素名(标签名) 如: h1 div a ...
    11愫暮阅读 153评论 0 0
  • 1.查询DOM元素 1.document.querySelector("选择器") 查找到的是第一个元素 2.d...
    青梅姑娘_54de阅读 194评论 0 0
  • .查询DOM元素: (1)document.querySelector(“选择器的名字”) 特点:查找的是第一个元...
    隱身垨候_d747阅读 197评论 0 0
  • 推荐指数: 6.0 书籍主旨关键词:特权、焦点、注意力、语言联想、情景联想 观点: 1.统计学现在叫数据分析,社会...
    Jenaral阅读 5,923评论 0 5

友情链接更多精彩内容