所有分类
  • 所有分类
  • 后端开发
CSS选择器大揭秘!从基本元素到类属性,样样精通

CSS选择器大揭秘!从基本元素到类属性,样样精通

css常用的三种选择器分别是:1、元素选择器;2、类选择器;3、id选择器。CSS常用的三种选择器包括:这三种选择器是CSS中最常用的,它们可以单独使用,也可以组合使用,以实现更复杂的选择和样式设置。除了上述三种常用的选择器,CSS还有许多

兄弟,你知道咱们平时用哪种CSS选取器?别急,我给你详细说说。

首先告诉你喔,选素材时我们常用三个小工具咯!首先是基本元素选取器,容易上手又通用。是靠HTML标签选择元素的简单对不?但说到实际操作,你会用吗?别急,我这就给你细细讲怎么用哈。

CSS选择器大揭秘!从基本元素到类属性,样样精通

简单来讲,选择器就像找东西的地图,帮我们迅速锁定li>中的具体内容。比如说,用p选择器能直接搞定网页里的全部段落,而且还能随时改字体大小、颜色,特好用!

p {  
  color: red;  
}

快来了解下这第二个选择技巧吧——类选择器,通过”.”这个关键字,就能精准找出具备对应类属性的元素!不过别忘了,类名得从字母开始~

要是你在找那个’styled.my-class’的话,试试看用’.my-class’这个选择器。还能自己调色和大小!牛逼得很!

.my-class {  
  background-color: yellow;  
}

告诉你一招儿,能用$$找id。记住它是靠id定位的,别弄错了!

也就是说,用”#my-id”就能找出名称是”my-id”的那个东东。想要更好看的话,直接加上你喜欢的样式属性就行!感觉更酷了没?

#my-id {  
  font-size: 20px;  
}

给你说说常见的几种 CSS 选择器,它们可以单独使或者组合起来,就有更多神奇的效果~当然,还有好多其他类型的选择器,比如属性选择,虚拟类选择,子元素后代选择之类的,还有就是分组选择啥的。

快学这几个选择器,像是大神一样的CSS!希望这些对你有所帮助。不明白的话欢迎在下方留言,咱们一块进步!别忘了点赞分享给小伙伴!

原文链接:https://www.icz.com/technicalinformation/web/vue2/2024/03/11722.html,转载请注明出处~~~
0

评论0

请先
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?