常用CSS样式_类选择符（class选择符）

最新推荐文章于 2023-12-12 09:35:39 发布

江江呀

最新推荐文章于 2023-12-12 09:35:39 发布

阅读量2.2k

点赞数 3

分类专栏： JAVA

本文链接：https://blog.youkuaiyun.com/qq_40671789/article/details/100178188

版权

JAVA 专栏收录该内容

24 篇文章

订阅专栏

本文介绍CSS中类选择符的定义与使用方法，通过HTML和CSS代码示例展示如何设置段落字体大小及颜色，适用于初学者了解并实践CSS样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、格式
定义例：.list-title { font-size: 20px; color: red }
使用例：<p class=”list-title”>文字
二、示例：
html：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

	<link rel="stylesheet" href="test.css" type="text/css"/>
	
<title>类选择符</title>
</head>
<body>

<p class="list-title">ASDFGHJKL</p>

</body>
</html>

css：

/* CSS Document */

.list-title  { font-size: 20px; color: red }

三、效果
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

江江呀

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

CSS选择符（选择器）基础认识

weixin_50342247的博客

12-10

4050

一、CSS选择符（选择器）常用的选择符有十种左右，这里主要讲三种。类型选择符，class选择符（类选择符），id选择符，通配符，群组选择符，包含选择符 伪类选择符(伪类选择符CSS中已经定义好的选择器,不能随便取名)，伪对象选择符(设置在对象后发生的内容。用来和content属性一起使用 ) 二、类型选择符（权重：0001） 1.类型选择符也称为元素选择符、标签选择符、element选择器 2.类型选择符是根据html语言中的标记来直接定义 3.语法：元素名称{属性：属性值；属性：属性值；属性：属性值

css选择符

weixin_46331127的博客

06-07

892

选择符一、标签名选择符二、ID选择符三、类选择符四、伪类五、属性选择符六、组合七、外联样式表一、标签名选择符 eg： <head> <title>学习CSS</title> <style type="text/css" > p {color : red;} </style> </head> <body> <p>段落1</p> <p

参与评论您还未登录，请先登录后发表或查看评论

CSS类选择符定义

weixin_33682719的博客

03-04

235

用类选择符你能够把相同的元素分类定义不同的样式，定义类选择符时，在自定类的名称前面加一个点号。假如你想要两个不同的段落，一个段落向右对齐，一个段落居中，你可以先定义两个类： p.right {text-align: right} p.center {text-align: center} 然后用不在不同的段落里，只要在HTML标记里加入你定义的class参数：...

CSS选择符

Web魔法师

02-26

612

1.通配选择符： *通配选择符，一般表示对页面所有元素应用样式，如 :*{ margin:0,padding:0}在特殊情况下，可以对特定元素的所有后代元素应用样式，如将页面中p标签所包含的所有后代元素的字体设置为红色，p{ color:#FFFFFFF}p *{color:#FF0000}2. 类选择符：.类选择符，在CSS中必须以点（.）作为前缀，紧跟一个具有语义性的自定义类名，例如：.myc...

CSS_ID和Class选择符

mylove

08-07

210

博客已经迁移至萌萌的IT人，谢谢支持 -------------------------------------------------- CSS的选择器是一种利用DOM节点查找指定位置标签的一种方法 CSS的上下文选择符为我们提供了基于位置的定位，而ID和Class选择符则为了提供了另一套选择元素的方法，当使用ID和Class选择符的时候，我们不用再考虑文档的层次结构，...

CSS class和id选择符

stoneoil的专栏

07-24

482

在CSS初级教程中我们仅仅考虑了

CSS 类选择符和ID选择符的区别

09-27

在CSS中，类选择符和ID选择符是两种常用的选择器，它们在语法结构和使用场景上存在一些差异。类选择符（Class Selector）使用点号（.）开头，后跟类名。类名可以包含字母、数字、连字符和下划线，但必须以字母开头...

CSS类选择符与ID选择符详解及实战应用

本文将深入探讨CSS类选择符（class）和ID选择符（id）这两种常用的HTML样式定位方式之间的区别。类选择符是用于标识一组具有相似特性的元素，而ID选择符则是用来唯一标识页面上的单个元素。以下是从两方面来详细介绍...

CSS中一些特殊的上下文选择符的使用

09-25

以下将详细介绍几种常用的CSS特殊上下文选择符的使用方法和场景。 1. 子选择符（Child Selector）">" 子选择符表示元素A必须是元素B的直接子元素。它只能匹配那些直接嵌套在元素B里的元素A。在文档树中，如果元素A...

css语言基础--css的选择符语法

a304096740的博客

02-27

180

1 基本的选择符包括通用选择符、类选择符、属性选择符、ID选择符、伪类选择符等。 2 3 4 1简单选择符(类型选择符和通用选择符被统称为简单选择符) 5 1.1类型选择符 6 类型就是指HTML语言定义的各个元素，每一中元素名就是一个类型选择符名。如:p{color:red;} 7 1.2通用选择符 8 ...

零基础CSS入门教程(9)–class选择器

程序员大阳

10-17

4815

CSS——id 和 class 选择器

Learn From The Masters

03-18

994

id 选择器HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。代码实例：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>再见二逼K</title> <style> #para1 { tex

css选择符是啥,css选择符是什么意思

weixin_35212670的博客

08-04

598

css选择符是可以帮助我们选中需要添加样式的标签，CSS的选择符包括：1、id选择器；2、类选择器；3、标签选择器；4、相邻选择器；5、子选择器；6、后代选择器；7、通配符选择器等等。本教程操作环境：windows7系统、css3版、thinkpad t480电脑。css选择符(选择器)是可以帮助我们选中需要添加样式的标签。每一条css样式定义由两部分组成，形式如下：选择符{样式} 在{}之前的部...

css第三课：class选择器

YY的博客

08-26

9019

class选择器

CSS中的类class和标识id选择符（.和#号）

weixin_30393907的博客

03-13

1703

CSS中的类class和标识id选择符（.和#号）前些日子面试问到了CSS中设置能不能用#号都不清楚现在整理贴出来用类选择符class和标识选择符id来定义选择符的好处是：依赖于class或者id，你可以不同地表现相同的HTML元素。在CSS中，类选择符在一个半角英文句点（.）之前，而id则在半角英文井号（#）之前。class的一个例子：...

css 选择器详解