css中的类选择器有什么用-css教程-PHP中文网

css中的类选择器有什么用

王林

发布： 2020-11-20 11:30:28

原创

4320人浏览过

css中的类选择器的作用是：允许以一种独立于文档元素的方式来指定样式。类选择器可以单独使用，也可以与其他元素结合使用。在使用类选择器之前，需要修改具体的文档标记，以便类选择器正常工作。

css中的类选择器有什么用

css类选择器的作用：允许以一种独立于文档元素的方式来指定样式。

该选择器可以单独使用，也可以与其他元素结合使用。

（学习视频分享：css视频教程）

注意：只有适当地标记文档后，才能使用这些选择器，所以使用这两种选择器通常需要先做一些构想和计划。

立即学习“前端免费学习笔记（深入）”；

要应用样式而不考虑具体设计的元素，最常用的方法就是使用类选择器。

举例：

修改 HTML 代码

现代化家居响应式网站模板1.0

现代化家居响应式网站模板源码是以cmseasy进行开发的家居网站模板。该软件可免费使用，模板附带测试数据！模板源码特点：整体采用浅色宽屏设计，简洁大气，电脑手机自适应布局，大方美观，功能齐全，值得推荐的一款模板，每个页面精心设计，美观大方，兼容各大浏览器；所有代码经过SEO优化，使网站更利于搜索引擎排名，是您做环保类网站的明确选择。无论是在电脑、平板、手机上都可以访问到排版合适的网站，即便是微信等

查看详情

在使用类选择器之前，需要修改具体的文档标记，以便类选择器正常工作。

为了将类选择器的样式与元素关联，必须将 class 指定为一个适当的值。请看下面的 HTML 代码：

<h1 class="important">
This heading is very important.
</h1>

<p class="important">
This paragraph is very important.
</p>

登录后复制

在上面的代码中，两个元素的 class 都指定为 important：第一个标题（ h1 元素），第二个段落（p 元素）。

语法：

然后我们使用以下语法向这些归类的元素应用样式，即类名前有一个点号（.），然后结合通配选择器：

*.important {color:red;}

登录后复制

如果您只想选择所有类名相同的元素，可以在类选择器中忽略通配选择器，这没有任何不好的影响：

.important {color:red;}

登录后复制

大家都在看：

css中couters函数是什么 css中counter-increment属性是什么 css中id选择器的注意点 css中flex-wrap属性是什么 css中有哪些命名规范