사이트를 확인하고 CSS 스타일을 결정 하시겠습니까?

Question

상단에 비슷한 막대가있는 것을 목표로합니다. http://www.keltainenporssi.fi/ 현재 사이트의 색상은 빨간색이지만 다른 사이트는 검은 색입니다.

목표 달성 방법은 무엇입니까? 아마 PHP로?

의사 코드의 구문은

if $site = A 
    use-styleA 
if $site = B 
    use-styleB 
else 
    use-FinalStyle 

Answer 1

비 동적 방법 :

당신과 같이 각 사이트에 대한 CSS 규칙을 사용할 수 있습니다

/* site-one.css */ 
#top-nav li.site-one a { 
    color: red; 
} 

/* site-two.css */ 
#top-nav li.site-two a { 
    color: red; 
} 

/* site-three.css */ 
#top-nav li.site-three a { 
    color: red; 
} 

HTML :

<ul id="top-nav"> 
    <li class="page-one"><a href="pages/one">Page one</a></li> 
    <li class="page-two"><a href="pages/two">Page two</a></li> 
    <li class="page-three"><a href="pages/three">Page three</a></li> 
</ul> 

Answer 2

당신은 모든 도메인이 가져 오는 될 줄에 대해 하나의 CSS를 가질 수있을 수 있습니다. 해당 CSS에 중요한 규칙을 추가하여 규칙이 다른 것보다 우선 적용되지 않도록하십시오. 그렇지 않으면 list/div에 ID를 추가하거나 구현에 사용할 ID를 추가하여 "네임 스페이스"의 막대를 보호하십시오.

Answer 3

그런 일을하기 위해 PHP와 같은 서버 측 스크립트를 사용하는 것이 일반적입니다. 예를 들어 : (읽기 쉽도록 포맷)

<ul id="top-nav"> 
    <li><a href="pages/home">Home</a></li> 
    <li class="active"><a href="pages/one">Page one</a></li> 
    <li><a href="pages/two">Page two</a></li> 
</ul> 

Answer 4

예, 현재 위치를 기반으로 앵커 요소의 클래스를 지정할 수 있습니다 :

<?PHP 

echo '<ul id="top-nav">'; 

foreach($page as $pageId => $text) { 
    echo '<li'; 
    if($curPage == $pageId) 
     echo ' class="active"'; 
    echo '>'; 
    echo '<a href="pages/' . htmlspecialchars($pageId) . '">'; 
    echo htmlspecialchars($text); 
    echo '</a>'; 
    echo '</li>'; 
} 

echo '</ul>'; 

?> 

이 같은 출력을 생성합니다.