0

css を使用してページネーションで選択したページ番号を強調表示する方法、または選択したページ番号を太字にする方法を探しています。

ページネーションの php コードは正常に動作するので、css ページを変更する必要があると思います。

ここに何を追加する必要がありますか:

body
{
padding:50px;
font-size:0.85em;
font-family:arial;
}

a
{
text-decoration:none;
color:#0080ff;
}

a:hover
{
text-decoration:underline;
}



.info
{
line-height:150%;
width:650px;
overflow:auto;
margin-top:30px;
color:#555555;
}

.msg
{
padding:10px;
border-bottom:dashed 1px #5d478b;
width:450px;
margin-bottom:15px;
}

#pages
{
clear:both;
list-style-type:none;
overflow:hidden;
margin:0;
padding:0;
}

#pages li
{
float:left;
}

#pages li a
{
font-weight:bold;
margin:0 4px;
padding:5px 10px;
border:1px solid #bbb;
display:inline-block;
border-radius:5px;
}

#pages li a:hover
{
text-decoration:none;
color:#ff0080;
}
4

1 に答える 1

0

ページネーション用に作成された html に関する投稿の情報が不足しています。

あなたの CSS から、各ページ リンクは、id ページを持つ要素内のリスト アイテム内のアンカーであると推測します。選択されたアンカーにはある種のクラスがあると仮定します。「選択された」としましょう。次のようなものを css に追加します。

#pages li a.selected
{
    font-weight: bold;
    background-color: yellow;
}
于 2013-08-09T13:24:58.617 に答える