【前端】打卡挑战 Day 1 CSS 选择器有哪些?优先级分别是什么?...的全部评论

【前端】打卡挑战 Day 1 CSS 选择器有哪些?优先级分别是什么?...的全部评论
86个评论
  1. id选择器:#root,选择id为root的元素
  2. 类选择器:.name,选择所有class有name的元素
  3. 标签选择器:div,选择所有div标签元素
  4. 属性选择器:div[id],选择所有含有id属性的div元素
  5. 相邻兄弟选择器:div+span,选择div后面紧跟着的span元素...
2023-02-26
RuoF
前端开发

常用CSS选择器

  1. 标签选择器:直接以标签名选择元素,如:div、p、h1等。
  2. 类名选择器:选择类名相同的元素,以"."开头。如<div class="box"></div> .box
  3. ID选择器:选择ID相同的元素,与类选择器相似。以"#"开头
  4. 属性选择器:根据元素的属性值选取元素...
2023-03-01
OYAMA
前端开发

标签选择器:选取标签名元素

类选择器:.开头的相同类名的元素

id选择器:#开头的相同id的元素

属性选择器:根据属性值选取元素[]

伪类选择器:用于选择匹配特殊状态的选择器,比如悬浮态hover,点击后的链接active,元素前before,元素后after

后代选择器:选取元素的后代元素,如 div p 选取所有 div 元素的后代 p 元素

相邻兄弟选择器:选取元素的相邻兄弟元素,如 h1 + p 选取紧接在 h...

2023-03-02

css选择器:

  1. 通配选择器: *
2023-03-02
鱼友8039
Java后端

CSS选择器有:

1、元素选择器:通过标签来匹配元素,如p或者div

2、类选择器:通过元素class属性值来匹配元素,以'.'开头,如.class1。

3、ID选择器:通过元素的id属性值来匹配元素,以"#"开头,如#myId。

4、属性选择器:通过元素的属性值来匹配元素,如[type="text"]。

5、后代选择器:通过子孙关系来匹配元素,如div p。

2023-03-13

类选择器

标签选择器

id选择器

属性选择器

通配符选择器

伪类选择器

子代和后代选择器

2023-07-17
下载 APP