CSS的三种选择器

最新推荐文章于 2024-07-15 14:54:05 发布

花落陌上逢

最新推荐文章于 2024-07-15 14:54:05 发布

阅读量140

点赞数 1

分类专栏： CSS选择器 HTML属性文章标签： css html css3 js less

本文链接：https://blog.csdn.net/weixin_41757244/article/details/105495253

版权

CSS选择器同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

HTML属性

1 篇文章 0 订阅

订阅专栏

CSS的三种选择器

1.选择器
class选择器
id选择器
位置选择器**

2代码
HTML文件

CSS选择器

<body>
<div>
	<input  class="select" placeholder="请选择默认的浏览器" required />
	<ul>
		<li>百度</li>
		<li class="xinlang">新浪</li>
		<li id="guge">谷歌</li>
		<li>搜狐</li>
		<li>夸克</li>
	</ul>
</div>

</body>

css文件
div{
border: 2px solid #000000;
width: 300px;
color: blue;
margin-left: 8.125rem;
padding: 0.625rem;
height: 8.875rem;
background-image: url(…/img/timg.jpg);
background-size: cover;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding-left: 20px;
padding-right: 20px;
}

.select{
width: 200px;
}

.xinlang{
width: 100px;
background: gray;
}

#guge{
width: 100px;
background: red;
}

li:nth-child(5)
{
width: 100px;
background: yellow;
}
3.结果
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

花落陌上逢

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS的三种选择器

CSS的三种选择器1.选择器class选择器id选择器位置选择器**2代码HTML文件 CSS选择器 <body><div> <input class="select" placeholder="请选择默认的浏览器" required /> <ul> <li>百度</li>...
复制链接

扫一扫