1

テーブル内のリンクをフォーマットしようとしています。<body>タグ内のリンクの既定の形式は既に指定しています。<table class="links"></table>それらは正しく表示されます。次の CSS がページ上のすべてのリンク ( でタグ付けされたテーブル内のリンクを含む) をタグのようにフォーマットする理由を誰か指摘できます<body>か? CSS を使用してタグ内のオブジェクトをフォーマットする (クラスを使用する) ことについて、このサイトやその他のさまざまな投稿を既に読んでいますが、他にもいくつかの基本的なことが欠けていると思います。

body
{
    background-color:#800000;
    color:#FFFFFF;
    font:14px arial,sans-serif;
}
body a:link
{
    color:#FFFFFF; /* unvisited link */
    text-decoration:underline;
    font:11px arial,sans-serif;
}
body a:visited
{
    color:#FFFFFF; /* visited link */
    text-decoration:underline;
    font:11px arial,sans-serif;
}
body a:hover
{
    color:#FFFFFF; /* mouse over link */
    text-decoration:none;
    font:11px arial,sans-serif;
}
body a:active
{
    color:#FFFFFF; /* selected link */ 
    text-decoration:none;
    font:11px arial,sans-serif;
}

table
{
    border-collapse:collapse;
    background-color:#DDDDDD;
    color:#000000;
    font:14px arial,sans-serif;
}
table, td, th
{
    border:1px solid black;
    padding-left: 4px;
    padding-right: 4px;
}
td.header
{
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-weight:bold;
}
tr.header
{
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-weight:bold;
}
table.links a:link
{
    color:#000000; /* unvisited link */
    text-decoration:underline;
    font:14px arial,sans-serif;
}
table.links a:visited
{
    color:#000000; /* visited link */
    text-decoration:underline;
    font:14px arial,sans-serif;
}
table.links a:hover
{
    color:#000000; /* mouse over link */
    text-decoration:none;
    font:14px arial,sans-serif;
}
table.links a:active
{
    color:#000000; /* selected link */ 
    text-decoration:none;
    font:14px arial,sans-serif;
}

編集：スタイルシートを利用したソースは次のとおりです。

<?php
    include "../Core/Debug_Start.php";
    include "../Core/Database.php";
    Debug::Out( "Running 'Boat/UpdateBlades.php'" );
    include "User.php";
    include "Blades.php";

    session_start();
    if( !Users::IsUserLoggedIn() )
        header( "location:../index.php" );
?>

<html>
<head>
    <link href="../Styles/Damflask/Style_Damflask.css" rel="stylesheet" type="text/css">
</head>
<body>

<?php
    /////////////////////////////////////////////////////////////

    // returns a full list of all blade sets
    $aBladeSets = Blades::GetAllBladeSets( $database );
    $iNumBladeSets = count( $aBladeSets );
    if( $iNumBladeSets == 0 )
        return;
    $iNumRows = $iNumBladeSets + 1;

    // create the table
    echo( "<table class=\"links\" align=\"center\">" );
    for( $iRowIndex = 0; $iRowIndex < $iNumRows; $iRowIndex++ )
    {
        echo( "<tr>" );
        if( $iRowIndex == 0 )
        {
            // NAME
            echo( "<td class=\"header\">NAME</td>" );

            // AVAILABLE
            echo( "<td class=\"header\">AVAILABLE</td>" );

            // ADDITIONAL INFO
            echo( "<td class=\"header\">INFO</td>" );

            // EDIT / DELETE
            echo( "<td class=\"header\" colspan=\"2\"></td>" );
        }
        else
        {
            // display the blade set
            $iBladeSetIndex = $iRowIndex - 1;
            $bladeSet = $aBladeSets[ $iBladeSetIndex ];

            // NAME
            echo( "<td>" . $bladeSet->GetName() . "</td>" );

            // AVAILABLE
            echo( "<td>" );
            if( $bladeSet->IsAvailable() )
                echo( "Yes" );
            else
                echo( "No" );
            echo( "</td>" );

            // ADDITIONAL INFO
            echo( "<td>" . $bladeSet->GetAdditionalInfo() . "</td>" );

            // EDIT
            echo( "<td><a class=\"tablelink\" href=\"UpdateBlades.php?BladesID=" . $bladeSet->GetID() . "\">EDIT</a></td>" );

            // DELETE
            echo( "<td><a class=\"tablelink\" href=\"DeleteBladeSet.php?BladesID=" . $bladeSet->GetID() . "\">DELETE</a></td>" );
        }
        echo( "</tr>" );
    }
    echo( "<tr><td colspan=\"5\"><a href=\"AddBlades.php\">ADD A NEW BLADE SET</a></td></tr>" );
    echo( "</table>" );

    /////////////////////////////////////////////////////////////

    $database->CloseConnection();
    include "../Core/Debug_End.php"
?>
</body>
</html>
4

2 に答える 2

-1

CSSで正しくターゲットに設定されていないのはそのためです。

table.links .tablelink {
 STYLES HERE
}

次のものを使用して、現在のマークアップでそれらをターゲットにする正しい方法になります。

table.links a:link {

リンクを現在のようにターゲットにする場合は、.tablelinkのクラス名は必要ありません。追加のマークアップだけで、次のものが必要になります。

.tablelinkクラスを使用する利点は、CSSでこれらのリンクのスタイルを設定するために必要なすべてです。

.tablelink {
STYLES HERE
}

また、使用する必要はありません：

table.links {

あなたはただ使うことができます：

.links {
于 2012-11-24T20:05:30.730 に答える