您在這裡

請問這句是何解 ??

adrianmak's 的頭像
adrianmak 在 2007-05-11 (週五) 18:55 發表

我知到要將primary links 顯示,要用<?php print theme('links', $primary_links) ?>

才會輸出primary links 的html
但看到garland 的theme, 在$primary_links 後再加個argument array('class' => 'links primary-links')

這個是什麼用途??

<?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?>

看了一下api, 原來是將class 這個key 值replaced by "links primary-links", 因此garland theme css 就會對links primary-links 作處理. (註: default class 是"links")

問題來了, 我在firefox 的web developer tools 看css ,由頭到尾都看不到garland theme css 有對links primary-links
作處理,只看到ul.links { ... }


而我嘗試 修改為
<?php
print theme('links', $primary_links, array('class' => 'primary-links'))
?>

出來的primary links 整體的width 會縮短了

真的看不出端倪 garland 對primary links 做了什麼東西

/**
* Primary navigation
*/
ul.primary-links {
margin: 0;
padding: 0;
float: right;
position: relative;
z-index: 4;
}

ul.primary-links li {
margin: 0;
padding: 0;
float: left;
background-image: none;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
display: block;
margin: 0 1em;
padding: .75em 0 0;
color: #fff;
background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;
}

ul.primary-links li a:hover, ul.primary-links li a.active {
color: #fff;
background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;
}

在 garland/style.css 裏就看得到了

我還以為class=" " 之內是整個class 名
原來用space 分開就代表兩個class

class="links" 和
class="primary_links"

這是我才剛知道css class 名原來可以這樣定義, 因此才看不明.