Sign in to follow this  
Followers 0
krogadil

Помогите с CSS

13 posts in this topic

.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?

Share this post


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;
}

krogadil likes this

Share this post


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 - имеет свои значения которые используются везде по сайту

Share this post


Link to post
Share on other sites

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

krogadil likes this

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

#mymore a

{

color:#FFF;

}

 

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

 

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

krogadil likes this

Share this post


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 кода сюда, тогда будет проще помочь.

krogadil likes this

Share this post


Link to post
Share on other sites

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

Точто, торможу)) Спасибо

Share this post


Link to post
Share on other sites

 

 


Использую пока так

 

ИМХО Лучше id использовать для этой цели

Share this post


Link to post
Share on other sites

 

Ten

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

 

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

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

 

a.classname{

  color:red;

}

.classname{

  color:black;

}

 

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

Escander likes this

Share this post


Link to post
Share on other sites

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

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

 

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

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.