css3常用选择器

最新推荐文章于 2023-08-12 10:35:34 发布

elongpaox

最新推荐文章于 2023-08-12 10:35:34 发布

阅读量225

点赞数

文章标签： css css3

本文链接：https://blog.csdn.net/qq_42419603/article/details/106965256

版权

css3选择器常用

现在浏览器的不考虑兼容性，c3的选择器灵活使用可以更精准的选择想要的元素!

1. :first-of-type()
  选择改类型元素的最后一个子元素
- 1. :last-of-type()
    选择该类型元素的最后一个子元素
- 1. :nth-of-type()
    正序开始选择该类型的第几个元素
- 1. :nth-last-of-type()
    倒叙开始选择该类型的第几个元素
- 1. :first-child
    选择第一个元素
- 1. :last-child
    选择最后一个子元素
- 1. :nth-child()
    正序开始选择第几个子元素
- 1. :nth-last-child()
    倒叙开始选择第几个子元素
- 1. ::selection
    选择用户鼠标选中部分
- 1. :not
    选择非用户指定内容的选择器
- 1. :root
    根节点选择器
- 1. :enabled (可用)
    选择状态可用的元素(input,button)
- 1. :disabled (禁用)
    选择状态不可用的元素(input,button)
- 1. :checked
    选择选中状态下的input标签
- 1. [type=‘text’]
    属性选择器
- 1. target选择器

<!--
	选择当前的活动锚点，需要配合a标签的id属性，a标签可以激活其他链接对应的id锚点，target选择器的就是当前活动的这一个id
-->
<a href="#news"></a>
<span id="news"></span>
<!--
	css
	span:target{
		color:pink;
	}
-->