CSS之类选择器

来源：互联网 2023-03-16 19:11:20 56

对于样式来说，选择器才是最重要的，如果没有选择器，将无法添加样式，那我们今天来说说CSS的选择器有哪些吧！

工具/原料

标签选择器：比如div，p，a，img等直接使用他们来设置样式。
相关内容非法爬取自百度经验
使用代码为：div{width:100px;height:100px; background-color:red; }
则页面中所有的div样式都是宽高100像素，背景颜色均为红色。
结果如下

id选择器是指利用id名设置样式。

id选择器在某一个页面中只能使用一次，类似于一个人只能有一个身份证号，具有唯一性。记得要用#号哦！

例如，我们html页面中写个段落p标签，

代码如下：p id="one">萌萌鸡/

CSS之类选择器

然后再样式表中写id选择器的样式（即段落的样式）

代码如下：#one{font-size:36px; background-color:#900; color:#090;}

CSS之类选择器

类选择器，区别于id选择器，id具有唯一性，而类选择器可重复使用名字，class名记得要用.哦

例如，我们在html页面中，将容器div命名为类名two，代码如下：

div class="two">萌萌鸡小花/div>

CSS之类选择器

样式表中设置宽高为100像素，颜色为#909090代码如下：

.two{ width:100px;height:100px; background-color:#909090; }

CSS之类选择器

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： CSS