2016-07-13 3 views
-2

У меня есть ссылка на класс, и я хочу изменить стиль этого класса с помощью php. Единственное решение, которое я мог придумать, - это повторить заявление, но я бы предпочел не делать этого, если его можно избежать. Есть лучший способ сделать это?Изменение стиля класса в php

if ($page_number) 
{ 
    echo "<style type='text/css'> 
     .pagination a:nth-child(".$page_number.") { 
      display:inline-block; 
      padding: 0 3px; 
      border: #AAAAEE thin solid; 
      background-color: #2266BB; 
      color: #ffffff !important; 
      cursor:default; 
     } 
    </style>"; 
} 
+4

Почему вы хотите изменить стиль с помощью PHP, а не Javascript или просто CSS? Я имею в виду, есть ли что-то конкретное о 'condition', которое должно быть оценено на сервере? – BeetleJuice

+2

Правильный способ - сделать дополнительный класс с измененным CSS, но в CSS, а не в PHP. Это абсурд не-смысл –

+0

Условие изменится, и так будет номер. Мне нужно сделать это с помощью php, чтобы настроить правильный элемент под родителем. –

ответ

1

Вы будете иметь класс заранее разработанные в вашем CSS для текущей страницы, например:

.currenPage { 
     display:inline-block; 
     padding: 0 3px; 
     border: #AAAAEE thin solid; 
     background-color: #2266BB; 
     color: #ffffff !important; 
     cursor:default; 
    } 

и вы будете добавить этот класс к элементу либо с Javascript или PHP (я рекомендую JS)

PHP:

$class=""; 
if(//page is current){ 
    $class="currentPage"; 
} 
echo("<li><a href='#' class=".$class.">Page N</a></li>"); 

JS:

var currentPageLinkEl = document.getElementById("pageNlink"); 
currentPageEl.className += "currentPage"; 

Надеюсь, что это поможет

1

Это лучший способ

<li class="pagination <?php if(condition){ echo 'current_page'; } ?>">1</li> 
<li class="pagination <?php if(condition){ echo 'current_page'; } ?>">1</li> 
<li class="pagination <?php if(condition){ echo 'current_page'; } ?>">1</li> 

Вы должны уже стиль это в вашем файле CSS

.current_page{ 
padding: 0 3px; 
      border: #AAAAEE thin solid; 
      background-color: #2266BB; 
      color: #ffffff !important; 
      cursor:default; 
} 

стиль автоматически применяется к ссылке, которая удовлетворяет условию I надеюсь, это то, что вы ищете.

+0

Я не могу получить код в HTML, поэтому я пытаюсь его использовать php. У меня нет доступа к HTML, поэтому я пытаюсь сделать это отдельно. Если бы вы могли изменить HTML, я бы уже сделал это так. –

Смежные вопросы