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

!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

<div><a  class="mymore" href="<?php the_permalink() ?>">читать!</a></div>

т.е. от стиля блока перешли к стилю ссылки.

 

вот верное решение. Спасибо makissm

Можно тему закрывать.

Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...