：国境のないコンテンツの前

Question

色付きテキストの隣の境界線をキャンセルしたいとしますEXAMPLE。 border: noneを設定しようとしましたが、動作しません。いくつかの回避策はありますか？ は、ここに私のコードです：

div.example { 
 
    font-size: 1em; 
 
    /*letter-spacing: 0.05em; 
 
\t line-height: 1.5em;*/ 
 
    border: 0px; 
 
    border-left: 4px solid #64c6ed; 
 
    padding: 5px 5px 5px 8px; 
 
    margin-bottom: 15px; 
 
} 
 

 
div.example::before { 
 
    content: 'Example'; 
 
    color: #64c6ed; 
 
    font-weight: bold; 
 
    text-transform: uppercase; 
 
    /*line-height: 1em; 
 
\t letter-spacing: 0.3em;*/ 
 
    border: 0px none !important; 
 
}

<div class="example"> 
 
    <p>Popis položek, který je uveden u mzdových listů souhrnných (MLS), může vypadat např. takto:<br />&#160; 
 
    <table class="B1-P4"> 
 
     <tr> 
 
     <th class="seda">Název</th> 
 
     <th class="seda">Popis </th> 
 
     </tr> 
 
     <tr> 
 
     <td class="seda">SP základ celkem<br /><span class="FieldName">S_SocialInsBase</span></td> 
 
     <td class="seda">Počítaná položka. Celkový základ SP vypočtený ze základů SP pro jednotlivé prac. poměry daného zaměstnance <i>(MLD:S_SocialInsBaseCorrect)</i>......atd.</td> 
 
     </tr> 
 
    </table> 
 
    <p>Tj. na nějakém vstupním formuláři souhrnného mzdového listu je položka "SP základ celkem". V programu je definována pod názvem <i>S_SocialInsBase</i> (a pod tímto názvem ji lze i vyhledat v programu i v helpu). Popis se odkazuje na položku dílčího 
 
     mzdového listu "Základ SP" <i>(S_SocialInsBaseCorrect)</i>. Jelikož se jedná o položku jiné agendy (jiného Business objektu), je uvedena i její zkratka, aby nedošlo k záměně, tj. <i>(MLD:S_SocialInsBaseCorrect)</i>.</p> 
 
</div>

Answer 1

境界が.example div要素の一部であり、そしてあなたは、疑似要素を変更することにより、削除することはできません。あなたはposition: absoluteを使用してdiv要素の外::before要素を配置することができます

div.example { 
 
    position: relative; 
 
    font-size: 1em; 
 
    /*letter-spacing: 0.05em; 
 
\t line-height: 1.5em;*/ 
 
    border: 0px; 
 
    border-left: 4px solid #64c6ed; 
 
    padding: 0 5px 5px 8px; 
 
    margin: 25px 0 15px; 
 
} 
 

 
div.example::before { 
 
    position: absolute; 
 
    top: -20px; 
 
    content: 'Example'; 
 
    color: #64c6ed; 
 
    font-weight: bold; 
 
    text-transform: uppercase; 
 
    /*line-height: 1em; 
 
\t letter-spacing: 0.3em;*/ 
 
    border: 0px none !important; 
 
}

<div class="example"> 
 
    <p>Popis položek, který je uveden u mzdových listů souhrnných (MLS), může vypadat např. takto: 
 
    <br />&#160; 
 
    <table class="B1-P4"> 
 
     <tr> 
 
     <th class="seda">Název</th> 
 
     <th class="seda">Popis </th> 
 
     </tr> 
 
     <tr> 
 
     <td class="seda">SP základ celkem 
 
      <br /><span class="FieldName">S_SocialInsBase</span></td> 
 
     <td class="seda">Počítaná položka. Celkový základ SP vypočtený ze základů SP pro jednotlivé prac. poměry daného zaměstnance <i>(MLD:S_SocialInsBaseCorrect)</i>......atd.</td> 
 
     </tr> 
 
    </table> 
 
    <p>Tj. na nějakém vstupním formuláři souhrnného mzdového listu je položka "SP základ celkem". V programu je definována pod názvem <i>S_SocialInsBase</i> (a pod tímto názvem ji lze i vyhledat v programu i v helpu). Popis se odkazuje na položku dílčího 
 
     mzdového listu "Základ SP" <i>(S_SocialInsBaseCorrect)</i>. Jelikož se jedná o položku jiné agendy (jiného Business objektu), je uvedena i její zkratka, aby nedošlo k záměně, tj. <i>(MLD:S_SocialInsBaseCorrect)</i>.</p> 
 
</div>

Answer 2

私はそれがDIVた国境の外に移動作っposition:absoluteを追加しようとしました。

div.example 
 
{ 
 
    font-size: 1em; 
 
    border: 0px; 
 
    border-left: 4px solid #64c6ed; 
 
    padding: 5px 5px 5px 8px; 
 
    margin-bottom: 15px; 
 
    margin-top: 40px; 
 
    position: relative; 
 
} 
 

 
div.example::before 
 
{ 
 
    content: 'Example'; 
 
    color: #64c6ed; 
 
    font-weight: bold; 
 
    text-transform: uppercase; 
 
    border: 0px none !important; 
 
    position: absolute; 
 
    bottom: 100%; 
 
    left: 0; 
 
}

<div class="example"> 
 
                <p>Popis položek, který je uveden u mzdových listů souhrnných (MLS), může vypadat např. takto:<br />&#160;<table class="B1-P4"><tr><th class="seda">Název</th><th class="seda">Popis </th></tr><tr><td class="seda">SP základ celkem<br /><span class="FieldName">S_SocialInsBase</span></td><td class="seda">Počítaná položka. Celkový základ SP vypočtený ze základů SP pro jednotlivé prac. poměry daného zaměstnance <i>(MLD:S_SocialInsBaseCorrect)</i>......atd.</td></tr></table><p>Tj. na nějakém vstupním formuláři souhrnného mzdového listu je položka "SP základ celkem". V programu je definována pod názvem <i>S_SocialInsBase</i> (a pod tímto názvem ji lze i vyhledat v programu i v helpu). Popis se odkazuje na položku dílčího mzdového listu "Základ SP" <i>(S_SocialInsBaseCorrect)</i>. Jelikož se jedná o položku jiné agendy (jiného Business objektu), je uvedena i její zkratka, aby nedošlo k záměně, tj. <i>(MLD:S_SocialInsBaseCorrect)</i>.</p> 
 
               </div>

Answer 3

あなたは.exampleクラスの外にテキストを配置する必要があります。

* [**スタックスニペットに好ましく**質問自体でそれを再現するために必要な最短のコードが含まれている必要があり、コードの助けを求める

div.example 
 
{ 
 
\t font-size: 1em; 
 
\t /*letter-spacing: 0.05em; 
 
\t line-height: 1.5em;*/ 
 
\t border: 0px; 
 
\t border-left: 4px solid #64c6ed; 
 
\t padding: 5px 5px 5px 8px; 
 
\t margin-bottom: 15px; 
 
} 
 

 
h3 
 
{ 
 
\t color: #64c6ed; 
 
\t font-weight: bold; 
 
\t text-transform: uppercase; 
 
\t /*line-height: 1em; 
 
\t letter-spacing: 0.3em;*/ 
 
    margin-left: 20px; 
 
}

<h3>EXAMPLE</h3> 
 
<div class="example"> 
 
    <p>Popis položek, který je uveden u mzdových listů souhrnných (MLS), může vypadat např. takto:<br />&#160;<table class="B1-P4"><tr><th class="seda">Název</th><th class="seda">Popis </th></tr><tr><td class="seda">SP základ celkem<br /><span class="FieldName">S_SocialInsBase</span></td><td class="seda">Počítaná položka. Celkový základ SP vypočtený ze základů SP pro jednotlivé prac. poměry daného zaměstnance <i>(MLD:S_SocialInsBaseCorrect)</i>......atd.</td></tr></table><p>Tj. na nějakém vstupním formuláři souhrnného mzdového listu je položka "SP základ celkem". V programu je definována pod názvem <i>S_SocialInsBase</i> (a pod tímto názvem ji lze i vyhledat v programu i v helpu). Popis se odkazuje na položku dílčího mzdového listu "Základ SP" <i>(S_SocialInsBaseCorrect)</i>. Jelikož se jedná o položku jiné agendy (jiného Business objektu), je uvedena i její zkratka, aby nedošlo k záměně, tj. <i>(MLD:S_SocialInsBaseCorrect)</i>.</p> 
 
</div>