首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我摆脱了CSS中的类,我的段落元素不是work...WHY吗?

在CSS中,类是一种用于标识和选择HTML元素的机制。通过为元素添加类名,可以为其应用特定的样式规则。然而,如果您的段落元素没有应用类,可能有以下几个可能的原因:

  1. 遗漏了类名:您可能忘记在段落元素中添加类名。请确保在HTML代码中为段落元素添加正确的类名。
  2. 类名拼写错误:如果您在段落元素中添加了类名,但样式没有应用,可能是因为类名的拼写错误。请检查类名的拼写是否与CSS样式表中的定义一致。
  3. 样式规则冲突:如果您的段落元素同时应用了多个类名,并且这些类名定义了相互冲突的样式规则,可能会导致样式未正确应用。请检查CSS样式表中的样式规则,确保它们没有相互冲突。
  4. 其他样式优先级高:如果您的段落元素同时应用了多个样式规则,可能是其他样式规则的优先级更高,导致段落元素的样式被覆盖。请检查其他样式规则的优先级,并根据需要进行调整。

总结起来,如果您的段落元素没有应用类,可能是由于遗漏了类名、类名拼写错误、样式规则冲突或其他样式优先级较高的原因。请仔细检查HTML代码和CSS样式表,确保类名和样式规则的正确性。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

可能学到了“假”CSS:伪元素

CSS选择器除了根据id、class、属性等从DOM获取元素以外,还有很重要,用来获取元素特别内容或特别状态,这就是 伪元素(Pseudo-elements) 和 伪(Pseudo-classes...) [I] 伪元素元素是对元素特定内容进行操作,选取诸如元素内容第一个字(母)、第一行,选取某些内容前面或后面这种普通选择器无法完成工作。...…、/\ 等辅助字符,无法被正确处理成首字符,会和第一个“有效字符”连带处理 首字符前面不能有图片或者inline-table之类元素存在 ::before也会参与到::first-letter规则...标签,对应h2就会高亮 一些简单tab切换等也可以在不借助js情况下用:target实现了 [2.2] 用:not过滤掉不符合元素 :not(x)括号可以应用几乎所有的选择器语法 :not可以搭配其他伪使用... p:not(#p1):not(#p3) {color: red;} [2.3] 根据索引选择元素 ==在*-child系列伪,索引是相对于所有同级兄弟元素计算,而非特定类型== :first-child

1.4K10

【前端就业课 第一阶段】HTML5 零基础到实战(三)一篇文CSS基础入门

小媛:CSS 是啥? 1_bit:CSS 是前端必不可少一项技术,当然说必不可少不是说缺少了CSS不行,而是缺少CSS将无法做出精美的Web页面。...这是一个段落标签所标记文本内容。 1_bit:这一段代码 style 就是表示这一段 css 样式内容。...我们先认识CSS三个选择器,分别是元素选择器、选择器和ID选择器,这三个选择器其中之一元素选择器刚刚咱们已经使用过了,使用元素选择器可以对同类元素样式进行修改,想要具体到某个元素修改其样式咱们可以通过选择器以及...那个 p 可以进行改名叫xiaoyuan可以?...1_bit:当然可以,这个只是个名称,但是在元素选择器则不能这样做,因为元素选择器是直接使用标签名,在选择器是使用样式名,所以是可以更改

37730

高级选择器

一、选择器种类 序号 选择器种类 1 兄弟选择器 2 属性选择器 3 伪选择器 4 伪元素选择器 二、兄弟选择器 具备相同父元素平级元素称之为兄弟元素,兄弟选择器用于基于当前元素,选择相邻或附近有兄弟关系其他元素...三、属性选择器 属性选择器专门用于通过元素属性及其值匹配页面元素,当,id和元素选择器无法区分元素时,就可用属性选择器按属性差异来区分元素,属性选择器可用任何属性作为条件,且支持模糊匹配,所以应用及其广泛...伪选择器就是基于元素当前所处状态来选取元素 常见包括如下 链接伪:(:link、:visited) 动态伪:(:hover、:active、:focus) 目标伪: 结构伪:(:first-child...伪元素选择器专门匹配元素内容,而不是匹配元素,常见的如下 :first-letter或::first-letter 匹配元素第一个字符 html代码 效果 ::selection - 这个选择器是处理鼠标选中元素内容时触发 html代码 <!

16520

【前端就业课 第一阶段】HTML5 零基础到实战(四)伪与伪元素

小媛:果然很抽象,这不是跟之前样式一样? 1_bit:这两者还是有一点区别的,例如我们想使 body 主体内容第一个 p 标签颜色为红,那么就可以这样写代码。 <!...1_bit:这是伪写法,例如“标签:伪”,代码 first-child 指的是第一个元素,标签如果是 p 那意思就是 p 第一个元素,后面的 first-child 就是“指给当前整个 html...按照之前学习,我们知道了如何创建一个样式,也就是如下代码形式。 1_bit:这样的话就需要当前 p 元素去调用这个样式,而使用伪则不需要这样写。 小媛:奥,这就是这个“伪”意思?...小媛:那我明白了,不过还有一个问题,就是 first-child 这些伪是固定?还有哪些呢?...1_bit:对,伪元素和伪理解概念类似,伪元素就是指模拟一个元素来实现某种效果。例如先看一个简单示例,咱们在一句话,需要给开头第一个字标红,这个时候常规写法如下。

45230

CSS入门指南-3:定位元素

定位(position) CSS 布局核心是 position 属性,对元素盒子应用这个属性,可以相对于它在常规文档流位置重新定位。...静态定位下,每个元素在处在常规文档流,它们都是块级元素,所以会在页面自上而下地堆叠。 相对定位(relative) 现在把第三段 position 属性设置为 relative。...现在,第三段从原来元素(body)脱了出来,与它在文档默认位置相比向下移动了25像素,向右移动了30像素。 需要注意是,除了这个元素自己相对于原始位置挪动了一下以外,页面没有任何改变。...块级元素:比如段落、标题、列表等,在浏览器中上下堆叠显示。 行内元素:比如 a、span、和 img,在浏览器左右并排显示,只有前一行没有空间时才会显示对下一行。...我们上一篇 CSS入门指南-2:盒子模型、浮动和清除 中提到 clearfix 就用到了这个属性,在那里我们会添加一个块级元素,然后把内容隐藏,以用来清除浮动。

63010

css3选择器篇

/数字/下划线 a-z 0-9 _ 4.2id名称不能以数字开头 4.3id名称不能是HTML标签名称 不能是a h1 img input …/ 在cssid标签显示是:#。... 段落 核心:与id选择器相反,是同一页面可以重复,同时一个标签可以设置多个名。...p> 第二段文字 第三段文字 核心:一个标签可以设置多个...记住,他只会查找对应标签对应元素不是孙子元素哈哈,记住哈. 具体还要看优先级哈。 后代选择器和子元素选择器: 核心:其实两者最大不同是后代是查找包括子元素,孙子元素之类。。。...: red; } /*核心在于:独一无二元素,没有其他相同了.*/ /*.para:only-of-type { color: red; } /*代表兄弟元素没有一样

47040

前端学习(9)~css学习(三):样式表和选择器

(2)无论这个标签藏多深,一定能够被选择上。 (3)选择所有,而不是一个。 2、ID选择器:规定用#来定义 针对某一个特定标签来使用,只能使用一次。cssID选择器以”#”来定义。...另一层面,我们会认为一个有id元素,有动态效果。 ? 上图所示,css和js都在用同一个id,会出现不好沟通情况。 我们记住这句话:上样式,id上行为。...(分组选择器):用逗号隔开 伪选择器 1、后代选择器: 定义时候用空格隔开 对于E F这种格式,表示所有属于E元素后代F元素,有这个样式。...是一个标题 是一个段落 是一个段落 是一个段落 是一个标题 是一个段落... 是一个段落 是一个段落 是一个标题 是一个段落 是一个段落

76010

前端学习笔记之CSS选择器

阅读目录 一 基本选择器 二 后代选择器、子元素选择器 三 兄弟选择器 四 交集选择器与并集选择器 五 序列选择器 六 属性选择器 七 伪选择器 八 伪元素选择器 九 CSS三大特性 一 基本选择器...属性:值; } 先找到名称叫做"标签名称1"标签,然后在这个标签查找所有直接子元素名称叫做"标签名称2"元素 #3、注意: 1、子元素选择器之间需要用>符号链接,并且不能有空格...段落 段落 五 序列选择器 #1、作用: css3新推出选择器,最具代表性9个,又称为序列选择器,过去选择器要选中某个必须加...> 段落2 段落3 段落4 段落5 段落6 这样的话第一个p和div第一个... 段落 七 伪选择器 #1、作用:常用几种伪选择器。

2K30

【重构前端知识体系之HTML】带你重忆HTML那些记忆模糊标签

是一个美男子,你信?...具体什么意思呢 是一个美男子,你信? 像上述代码就是一个div元素,它包含了div开始标签,div元素内容,div结束标签,它们一起组合成为了一个div元素。... 是一个页面内容标题 是一个美男子,你信? 同样以上代码描述了一个body元素。...空HTML元素 在之后标签学习,有那么一个标签, 这个标签定义换行。像这种HTML 元素被称为空元素,它是在开始标签关闭。 但!...为了以后版本迭代和规划,在 XHTML、XML 以及未来版本 HTML ,所有元素都必须被关闭。 未来 HTML 版本不允许省略结束标签!

69100

关于nth-child疑惑

() 选择器,看到了这样一个代码: p:nth-child(-n+3){ background:#ff0000; } 效果展示 感觉有点奇怪,原本以为应该会是前三个段落被选中,像这样: 效果展示 一定是哪里不对了...MSN文档对:nth-child说明: 伪:nth-clild(an+b)匹配在文档树前面有an+b-1个兄弟元素元素,此时n大于或等于0,并且该元素具有父元素。...简而言之,该选择器匹配多个位置满足an+b元素。 span:nth-child(-n+3) 匹配前三个子元素span元素。...感谢CSS森林群里热情同学。 【活跃】Davin 前 3 个不是 -n+3 么?...【活跃】Davin 嗯 兄弟元素有不一样不对了 【吐槽】鬼-CSSForest 也就是说(an+b)是直接取元素,而跟伪element无关 嗯嗯 【吐槽】Aoteman-大白 本来就没关系呀

40220

不好理清JS基础知识和CSS3选择器小结-第一章

写在前面 我们在写看别人源码或者面试时候经常会遇到一个比较奇葩js问题或者是css3问题,比如下面这几个问题可以尝试回答一下: null属于什么类型? 为什么要定义一个变量初始化为null?...为什么null是基本数据类型,当使用typeof null时候却返回了object? object又属于引用数据类型,为什么基本数据类型null又属于他呢?这不是矛盾?...而function这个关键字是用来创建所有对象构造函数或者普通函数要用关键字ECMAScript如何定义和对象,提问者var a=new function(){}实际上是用构造函数方法创建了一个匿名对象实例...所以说null是一个很重要数据类型! css3选择器 段落2 段落3 段落4 是span <input type="

29630

twikoo仿段落评论,实现快速评论功能

碎碎念 前几天在twikoo交流群,有人提到了这样一个问题:twikoo可以实现段落评论?...所以我想是否可以利用说说页面,点击评论按钮后后会在评论区添加一个:> + “文本”,从而实现类似引用功能,那么也就实现了仿段落评论,同时所有的评论都会在评论区显示,避免了因为都在段落评论而导致主评论区没人尴尬局面...经过设计,决定将按钮添加在右键菜单,并且是文章页,且需要选中文字右键才有效果(因为你不选中文字回复什么段落),我们先添加按钮,如果没有进行魔改右键菜单请按照别人教程进行魔改) 以上均可以实现右键菜单魔改...,解释一下哪里样式有问题: 所以这个方法实现不是很完美,感觉怪郁闷,因为本人为中度强迫症患者,只要能解决我会去解决,解决不了宁愿给他删掉。。。...CSS添加 到这里还没完,因为我们没有指定任何样式,下面是所有的CSS内容,这个比较简单就不解释啦!直接复制到你自定义CSS文件即可!

9620

【云+社区年度征文】--简单网页基础介绍

---- 3.选择器 选择器实例如下: .center {text-align: center} 在 CSS 选择器以一个点号显示:所有拥有 center HTML 元素均为居中。... 注意:第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 起作用。...; } 3.通配符选择器 在CSS,使用 * 代表所有的标签或元素,它叫做通配符选择器。...黎明曙光总会到来,想了想当初考研自己,调整好心态,抱着坚定信念去查分数,过线了。那是真的,不是梦。 成绩出来后那晚,很久才入睡。...令我印象最深是老师经常提到“研究”一词,研究性学习能大大增强学习自主性,让学习不是被动接受知识,而是有充分理由,自己去获取知识,真正变“要学”为“要学”。

65040
领券