Html 字体大小不小于'；当我改变它时，它不适用

大家好，我有一个包含两个文本的xhtml文件，我应用了css样式，其中包含一个“字体大小”属性，当我更改文本属性时，它不会应用于我的文本属性，这是我的代码

welcome.xhtml：

<ui:define  name="MyContent">
        
      
       <div class="container">
          <span class="text1" >Welcome in</span>
            <span class="text2">Developpers</span>
        </div>
        
        
    </ui:define>  

希望一切都很清楚。

---

谢谢大家的帮助。

我看到您正在容器类、span元素以及text1和text2类中应用字体大小

所以问题是，你在哪里更改字体大小？您是在container类中，还是在应用于span元素或text1/text2类的CSS中执行此操作

我认为你在这里遇到了问题

---

还有，为什么不在text1和text2中应用字体大小呢。为什么还要将其应用于CSS中文本1和文本2之前的“.container span{}”

使用

.container

类：

.container{
文本对齐：居中；
位置：绝对位置；
字体大小：90px；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
宽度：100%；
}
.货柜跨度{
文本转换：大写；
显示：块；
字体大小：90px；
}
.container.text1{
颜色：黑色；
字体大小：90px；
字号：700；
字母间距：8px；
边缘底部：20px；
位置：相对位置；
动画：文本3s1；
}
.container.text2{
字体大小：60px；
颜色：#6ab04c；
}
@为文本设置关键帧{
0%{
颜色：白色；
边缘底部：-40px；
}
30%{
字母间距：25px；
边缘底部：-40px；
}
85%{
字母间距：8px；
边缘底部：-40px；
}
}

所以这一切都是关于CSS特性的

所以

.container span{…}

将覆盖它下面的两个类，因为它比单独的类具有更高的特异性

.text1

因此，要解决这个问题，就要更加具体

.container span.text1 {
    color: black;
    font-size: 90px;
    font-weight: 700;
    letter-spacing: 8px;
    margin-bottom: 20px;
    position: relative;
    animation: text 3s 1;
}

.container span.text2 {
    font-size: 60px;
    color: #6ab04c;
}

所以，如果你感到困惑，请使用这个

这是你的特异性水平

正如您所看到的，

.container span{…}

具有更高的特殊性，这就是为什么您不能重写它的值

但如果你更具体，你肯定可以

因此，

.container span.text1

更加具体，您可以覆盖

字体大小

---

我希望这很清楚，回答了你的问题。

当你隐姓埋名浏览该页面时会发生什么？您的更改是否得到应用？检查是否正常@亚辛卡内基

.container span {
    text-transform: uppercase;
    display: block;
    font-size: 90px;
}

.container span.text1 {
    color: black;
    font-size: 90px;
    font-weight: 700;
    letter-spacing: 8px;
    margin-bottom: 20px;
    position: relative;
    animation: text 3s 1;
}

.container span.text2 {
    font-size: 60px;
    color: #6ab04c;
}