首页 前端知识 伪选择器和伪元素选择器

伪选择器和伪元素选择器

2024-08-14 00:08:56 前端知识 前端哥 850 774 我要收藏

常用伪类

用来添加一些选择器的特殊效果
a:hover:鼠标滑过链接
a:link:未访问链接
a:visited:以访问链接
a:active:已选中链接
:nth-child(n):选择所有冒号前元素的父元素的第二个子元素
:last-child:选择父元素的最后一个子元素

常用伪元素

用来添加一些选择器的特殊效果
p:before:在每个p元素之前插入新内容
p:after:在每个p元素之后插入新内容

选择器分组

把具有相同样式的选择器放在一起,这样方便组织和管理。

h1,h2,h3,h4{
	font-size:20px;
}

兄弟选择器

用~号表示可以影响到一个元素后面所有的同级元素

<body>
<div class="mi">李子奇</div>
<p class="mi">嫦娥应悔偷灵药,碧海青天夜夜心。”这是唐代诗人李商隐《嫦娥》诗中的两句。嫦娥奔月的故事,早在我国现代就遍及地流传着。</p>
<p>odkjslkdlsjmdl</P>
</body>
div~p{
	width: 100px;
	height: 20px;
	background-color: aqua;
}
转载请注明出处或者链接地址:https://www.qianduange.cn//article/15445.html
标签
评论
发布的文章

HTML5 地理定位

2024-08-20 09:08:58

HTML5 的真相(一)

2024-08-20 09:08:31

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!