Jump to content

Помогите с CSS


Recommended Posts

.mymore {
    margin-left: 70%;
    color:white;
    text-decoration: none;
    user-select: none;
    background: rgb(150,75,56);
      padding: .5em 1.1em;
      outline: none; 
}

В итоге color:white; - не работает. Отображается цвет используемый для ссылок в теме.

Как сделать чтобы отображался именно white?

Link to post
Share on other sites

Есть вопрос? Задай его профессиональным веб-мастерам, SEO и другим специалистам!

!important может и не помочь если class="mymore" присвоен не ссылке, а соседнему тегу.

сделайте так

{
    margin-left: 70%;
    color:white !important;
    text-decoration: none;
    user-select: none;
    background: rgb(150,75,56);
      padding: .5em 1.1em;
      outline: none;
}

Link to post
Share on other sites

!important может и не помочь если class="mymore" присвоен не ссылке, а соседнему тегу.

сделайте так

{

    margin-left: 70%;

    color:white !important;

    text-decoration: none;

    user-select: none;

    background: rgb(150,75,56);

      padding: .5em 1.1em;

      outline: none;

}

Стиль для тега a в целом отличается от стиля mymore - имеет свои значения которые используются везде по сайту

Link to post
Share on other sites

не знаю поможет ли, но попробуйте #FFFFFF вместо white. А вообще видеть бы как вы используете этот стиль

Использую пока так <div class="mymore"><a href="<?php the_permalink() ?>">читать!</a></div> в выводе списка анонсов категории

Link to post
Share on other sites

Я предпочитаю делать так

#mymore a

{

color:#FFF;

}

 

<div id="mymore">...........<a href="">text1</a>..............</div>

 

Железная конструкция. Это в случае если вы можете менять структуру страницы

Link to post
Share on other sites

ну тогда добавьте class ссылке и используйте его.

 

a.ваш класс {
    margin-left: 70%;
    color:white !important;
    text-decoration: none;
    user-select: none;
    background: rgb(150,75,56);
      padding: .5em 1.1em;
      outline: none; 
}

 

или так

 

.ваш класс a{
    margin-left: 70%;
    color:white !important;
    text-decoration: none;
    user-select: none;
    background: rgb(150,75,56);
      padding: .5em 1.1em;
      outline: none; 
}

 

если не получится, тогда кидайте часть html кода сюда, тогда будет проще помочь.

Link to post
Share on other sites

 

Ten

небольшая правочка. id по спецификации должен быть всего один то-есть на странице не может быть нескольких одинаковых id. иначе браузеры это воспринимают как ошибку

 

есть такая штука

если в одном файле стилей написано

 

a.classname{

  color:red;

}

.classname{

  color:black;

}

 

то многие браузеры покажут ссылку именно красного цвета, так как конструкция с деревом приоритетнее класса

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...