CSS中的选择器

在CSS中有三个方便快捷的选择器,还有一个煞笔的选择器。

三个快捷选择分别是不能重复ID名的ID选择器,可重复类名的Class选择器,选择标签名的标签选择器。

 

ID选择器

在HTML标签中,每个HTML标签都可以指定一个叫ID的属性和他的值。这个ID可以被javascript和CSS选中,比如javascript,当我们需要对某个标签进行操作时可以通过获取该标签的ID属性来操作。CSS也是一样,通过ID来选中某个标签为他穿上CSS的衣服。(格外注意:在CSS使用ID选择器时,需要在ID值前面添加#)

 

Class(类名)选择器

在HTML标签中,每个标签中可以有很多个Class属性值或者一个Class属性值可以被多个标签使用,一个Class属性值也可以被多个标签使用。(格外注意:Class属性值在CSS选择器中需要在前戳加.(点)),大家注意了,JS中使用类名选择器他返回的数组的形式,因此也需要通过数组的形式来使用标签对象。

 

第三个是标签名选择器,顾名思义就是通过直接选择标签名来找到某个特定的标签,不过,这个比较有弊端,他会直接找到整个HTML页面中所有此标签名的标签。(这里也一样,JS中通过标签获取的标签都是呈现数组的方式,因此也要通过数组的方式获取。)

 

 

 

第四个就是是用来。。。。其实我也不知道用来干什么好,一般标签会自带10px的margin和padding,在生成网页时会与显示器有间隙,我们可以使用这个来消除。(这个使用的是*(星号))

 

 

 

同学们!CSS选择器就暂时学到这里吧,大家回去要多练习哦,CSS选择可不止这些哦,学习永无止境呢!

posted @   漫步火星  阅读(72)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示