text-shadow适用于网站上的所有文字?

时间:2014-12-30 14:13:22

标签: html css css3

所以我有这个奇怪的问题,如果它甚至是一个问题(?)可能只是我不了解CSS以及它是如何工作的

我创建了一个名为textShadow

的css类
.textshadow {
    text-shadow: 1px 1px 0px #000000;
}

当我把它添加到en元素突然所有文本都有相同的文字阴影时它应该是这样的吗?

如果使用

添加文本阴影
style="text-shadow: 1px 1px 0px #000000;"

只有specefide元素才能获得text-shadow

感谢您阅读我的帖子和节日快乐!

编辑:添加一些HTML代码

  <div class="w-container">
        <div class="w-slider w-hidden-tiny headerslider" data-animation="slide" data-duration="500" data-infinite="1" data-delay="4000" data-autoplay="1">
            <div class="w-slider-mask">
                <div class="w-slide headerSliderContentPadding" style="text-align: center">
                    <h1 class="textOnDark1 textshadow">Suspendisse varius enim in eros elementum tristique!
                    </h1>
                    <h4 class="w-hidden-tiny w-hidden-small textOnDark1 textshadow">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
                    </h4>
                    <div class="w-hidden-main w-hidden-medium" style="display: inline-block; margin-left: auto; margin-right: auto;">
                        <a class="buttonBlue btn extraPaddíng10px" href="#">Button Text</a>
                    </div>
                </div>
                <div class="w-slide">
                </div>
                <div class="w-slide">
                </div>
            </div>
            <div class="w-slider-arrow-left">
                <div class="w-icon-slider-left"></div>
            </div>
            <div class="w-slider-arrow-right">
                <div class="w-icon-slider-right"></div>
            </div>
            <div class="w-slider-nav w-round w-num"></div>
        </div>
    </div>

我只希望具有textshadow类的元素具有text-shadow,但是当我在chrome,firefox和Internet Explorer中运行它时,所有元素都会得到文本阴影(甚至div滑块得到&#39 ; s shadowing)为什么会这样?

1 个答案:

答案 0 :(得分:0)

经过一些html检查后,我发现该课程由于某种原因已被应用于<html>标签(?)

以及其他一些奇怪的课程我想它必须对webflow的工作原理做一些事情(忘了提到网站是用webflow创建的)为什么它这样做我没有idé但至少我知道为什么现在:)

感谢所有的建议和帮助你很棒的人