我正在嘗試在我的 PHP 網站上制作徽標動畫。我需要將徽標的兩個單詞分成不同的范圍。我想擺脫兩個跨度標簽之間的空白，所以我開始尋找答案......并發現了一個問題?；旧?，當我向每個 span 標記添加 ID 時，即使我復制兩個 ID 的樣式，或者添加新的文本顏色，它也不起作用。就好像 ID 不起作用一樣。Span 標簽位于一個具有正確格式的 ID 的標簽內，我確實嘗試刪除它，但即使這樣它也不起作用。讓它發揮作用的唯一方法是復制 ID，這是一個不好的做法。我正在附加一個 jsfiddle ，一切正常，但在我的文件中卻不起作用。編輯我復制 ID 的唯一原因是它是設置文本樣式的唯一方法。無論我使用一個新類還是兩個新 ID，它們都不起作用。就好像它們不存在于代碼中一樣。我認為 a 標簽的 ID 比新的跨度 ID 更重要，但即使我刪除它，它也不起作用。我進行了編輯以包含不反映更改的新標簽。#unexpected 和 #friends 的造型顏色：藍色；它只是不顯示在瀏覽器上。      * {         font-family: Montserrat, Helvetica, sans-serif;        color: #828282;    }        @font-face {        font-family: "Riffic";        src: url(../Riffic.ttf);        src: url(../Riffic/rifficfree-bold-webfont.woff);    }        @keyframes logo{        }        body {        padding-top: 65px;        position: relative;    }        #navbar {        background: #FF9D9D;    }        #navbarBrand{        font-family: 'Riffic', sans-serif;        color: white;        font-size: 26px;    }    #unexpected, #friends {        color: blue;    }    .navbar-dark .navbar-nav .nav-link {        color: rgba(255,255,255,1);    }        .navbar-dark .navbar-toggler {        color: rgba(255,255,255,1);        border: solid 2px rgba(255,255,255,.5);    }        .btn-outline-light:hover {        color: #FF9D9D;    }        a.btn.btn-outline-light.waysToHelp:active {        color: #FF9D9D;    }        .waysToHelp {        margin-left: 10px;    }        .waysToHelp:hover {        color: #FF9D9D;    }        #mainImage {        padding-bottom: 100px;    }        section {        padding: 58px 0 80px;    }        h1 {        color: #FF9D9D;        padding: 10px 0 25px;    }        h2 {        color: #FF9D9D;        padding: 10px 0 25px;    }        figure {        max-width: 435px;    }        #figCaption {        color: #FF9D9D;        font-weight: 500;        font-style: italic;    }        #projectCol {        margin-top: 100px;    }        #message {        color: #828282;    }