CSS选择器-date0411

一、其他的选择器

1.属性选择器:可以挑选带有特殊属性的标签
语法

  • [属性名]
  • [属性名 = “属性值”]
  • [属性名 ~= “属性值”]
  • [属性名 |= “属性值”]
  • [属性名 ^=“属性值”]
  • [属性名 $= “属性值”]
  • [属性名 *= “属性值”]

2.子元素选择器:子元素选择器可以给另一个元素的子元素设置样式
语法:父元素 > 子元素{}
其他:

  • 第一个子元素::first-child
  • 最后一个子元素::last-child
  • 指定位置子元素::nth-child
  • 选择指定类型的子元素:
:frist-of-type
:last-of-type
:nth-of-type

3.兄弟选择器:给兄弟元素设置样式
语法:兄弟元素 + 兄弟元素 {}

4.否定伪类:选择除了它以外的元素
语法::not(class){}

二、继承

应用在一个标签上的css样式也会应用到它的内嵌标签中

三、选择器的权重

内联样式:1000
id选择器:100
类、属性、伪类选择器:10
元素选择器:1
通配选择器:0

计算权重需要样式的全部选择器的权重相加

发布了2 篇原创文章 · 获赞 2 · 访问量 63

猜你喜欢

转载自blog.csdn.net/qq_43988365/article/details/105482821