兄弟,你知道咱们平时用哪种CSS选取器?别急,我给你详细说说。
首先告诉你喔,选素材时我们常用三个小工具咯!首先是基本元素选取器,容易上手又通用。是靠HTML标签选择元素的简单对不?但说到实际操作,你会用吗?别急,我这就给你细细讲怎么用哈。
简单来讲,选择器就像找东西的地图,帮我们迅速锁定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!希望这些对你有所帮助。不明白的话欢迎在下方留言,咱们一块进步!别忘了点赞分享给小伙伴!
评论0