所有分类
  • 所有分类
  • 后端开发
CSS选择器大揭秘!类、ID谁更强?

CSS选择器大揭秘!类、ID谁更强?

CSS样式规范1.必背的固定结构,成为CSS样式标记。意思是声明这个标记是css样式类型css:叠层样式表写的位置:在css样式的标记中优点二:可以重复使用css样式(css样式规范)必看篇全部内容了,希望大家多多支持我们~

快来猜个脑洞大开的话题,绝对让你惊讶得不行! 没错~就是 css样式里的那个子选择器。是不是感觉既新奇又兴奋呢?快说说看

首先,咱们得明白一下CSS这玩意儿。其实就是用这么个小的”.”标记就把整个样式搞定,那些杂七杂八的代码都可以放进来。记得那个type=”text/css”,其实告诉我们这就是个CSS样式标签。然后,只要在HTML标签上加个class=类名,你就能随心所欲地用这个样式咯。

我来说说类选择器咋回事儿呗!你可能觉得这个像”点+类名”,就像咱们常说的”点.类名”那样。比如说,给你的标签上加入狗狗标签,然后在HTML里面添上个”class=类名”,这样就能用上对应的样式!

为啥把CSS都扔到style tag里?两个理由第一,这让HTML结构更明确,搜寻错误也容易点;再者,好分辨哪儿是核心部分。要用同样的样式别忘了挑class!

CSS选择器大揭秘!类、ID谁更强?

别忘了看看那啥ID选择器哈(就在“##ID名称”这儿)!要知道,每个ID都有自己专用的名字,就跟我们人人都有的身份证号一样,独特又显眼。只需在HTML代码中引用这个特殊的ID名称,你就可以随心所欲地调整特定元素的外观,简直so easy~

咱们来说说为啥要把css代码放进css文件里面去?这么干究竟有些什么优势嘞?首当其冲,html页面看起来整洁多了,随手就能找准哪里出错了;再来就是,能巧妙地处理元素之间的优先级,要是想复制某个元素,直接选用类选择器就行。

记得我们说过的那款独特ID选取器吗?这就是我们特别之处!当然,这样做是为了让大家都有各自特色呀。悄悄告诉你,我们还可以用一招设定多个共有的选项!比如我们要处理许多标签,又希望给它们加上一样的特性,这时候选取器就能帮大忙。

今天咱们来聊聊CSS里的子选择器!你们都学到了什么?别忘了,如果有些CSS代码和其他的搞混了,后面的代码会先执行。为啥你的CSS效果没出来?赶紧看看是不是哪儿错了!还有,我教你们如何在CSS文件中添加行内样式,让页面更清爽,也便于我们修正错误!希望大家能喜欢今天的内容,多给我们加油打气!记得留言讨论、点赞转发!

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

评论0

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