Как переопределить определение CSS для стиля текста: подчеркивание для всех тегов привязки в одном конкретном случае - PullRequest
Новая
       5

Как переопределить определение CSS для стиля текста: подчеркивание для всех тегов привязки в одном конкретном случае

1 голос
/ 19 декабря 2011

Я использую готовый шаблон электронной почты с простым CSS в заголовке. Он определяет все теги привязки, которые должны быть подчеркнуты. Я хотел бы переопределить это в одном случае использования. Когда я создал класс для этого случая под названием «top-header-links», он переопределяет цвет текста, но не подчеркивает стили подчеркивания. 

        <style type="text/css">
        p { padding: 0; margin: 0; }
        h1, h2, h3, p, li { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
        td { vertical-align:top;}
        ul, ol { margin: 0; padding: 0;}
        a {
            color: #455670; text-decoration: underline;
        }
        .title, .date {
            text-shadow: #8aa3c6 0px 1px 0px;
        }
        .title span { 
            font-weight: bold;
        }
        .textshadow {
            text-shadow: #ffffff 0px 1px 0px;
        }
        .trxtshadow-2 {
            text-shadow: #768296 0px -1px 0px;
        }
        .content-item p{
            font-size: 12px; line-height: 20px; font-weight: normal; color: #56667d; margin: 0; margin-bottom: 10px;
        }
        .content-item h3{
             margin:0; margin-left: 17px; padding:0; font-size: 18px; font-weight: normal; color:#324258 !important;
        }
        .footer p{
             margin:0; font-size: 10px; font-weight: bold; color: #96a2b3; font-family: Arial; line-height: 18px;
        }
        .top-header p{
            margin: 0; font-size: 10px; font-weight: normal; color: #777777; line-height: 15px !important;
        }
        .top-header-links p{
            margin: 0; font-size: 10px; color: #aaaaaa; text-decoration:none !important;
        }
    </style>
</head>
<body marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" background="" style="margin: 0px; background-color: #eee; background-image: url(''); background-repeat: repeat;" bgcolor="">
    <table cellspacing="0" cellpadding="0" align="center" width="500">
        <tbody>
            <tr>
                <td valign="middle" align="center" height="78" style="vertical-align: middle;" class="top-header">
                    <multiline label="Open in your Web Browser link" class="top-header-links">
                        <p >Are you having trouble viewing this Newsletter? <a href="http://blah.net">Click Here</a> to open this newsletter in your <a href="http://blah.net">web browser</a>. To let us know your mail client is not compatible with our newsletter, <a href="mailto:info@beyondzeroemissions.org.au"</a>Click Here.</p>
                    </multiline>
                </td>
            </tr>
        </tbody>    
    </table>

1 Ответ

2 голосов
/ 19 декабря 2011

Это должно сработать: 

.top-header-links a{
        margin: 0; font-size: 10px; color: #aaaaaa; text-decoration:none !important;
    }
...