Блог

Главная - Вопросы по программированию - Кнопка в нескольких разделах не изменится с помощью css

Кнопка в нескольких разделах не изменится с помощью css

#php #html #css

#php #HTML #css

Вопрос:

Кнопка с в моем коде вообще не изменится, я попытался перечислить все подразделения, и это все еще не сработало

Это код страницы, php:

 <?php
session_start();
?>

<!DOCTYPE html>
<html>
<head>
    <!-- edit the refrence to show them the different options -->
    <link rel="stylesheet" type="text/css" href="IndexopOr.css">
    <!--<link rel="stylesheet" type="text/css" href="css/styler.php">-->
    <title>Wccs Canteen</title>
</head>
<body>

<h1 class="Top_Text">WCCS Lunch Order</h1>
<div id="Menu-fixer1">
<div id="Menu_fin1">

<img src="WCCS Logo.png" id="lighthouse">

</div>
</div>

<div id="Menu-fixer">
<div id="Menu_fin">
<table>
    <tr>
        <td>
            <!-- this will change when the css source is changed between Indexop1 and Indexop2, currently it is linked to Index, the file i will change when we have decided what we like -->
            <a href="#" id="Linker"><span>Menu </span></a>      
        </td>
    </tr>

    <tr>
        <td>

            <a href="#" id="Linker"><span>Order </span></a>     
        </td>
    </tr>

    <tr>
        <td>

            <a href="#" id="Linker" class="Contact_us_link"><span>Contact Us </span></a>    
        </td>
    </tr>
</table>
</div>
</div>

<div id="menu_bar">
<div id="menu_user">
<style type="text/css">
    #menu_user {
        position: absolute;
        right: 10px;
        bottom:20%;
        font-size: 24px;
        color: white;
        font-family: HelvLight, verdana;

    }
</style>
<?php
            //seeing as you like documentation sir i added this in telling you about sessions, remind me to tell you if you want it explained
            if (isset($_SESSION['food'])) {
                echo 'Student: '.$_SESSION['food'];
                echo $_SESSION['ln'];


            } else {
                echo "You are not logged in!";
            }

            ?>

            </div>
    <div id="menubar_bottom">
    <h1 class="menu_Hpg">Menu</h1>
</div>
</div>
<div id="list_space">
    <div id="Right_list">

        </div>
    <div id="Left_orders">
    <button id="but">Confirm</button>
    </div>

    <!--<div id="Bar"></div>-->
    <div id="mid_bar"></div>
</div>
</body>
</html>

Затем код css:

 #but button {
color:blue;
}

существует много css, которые являются частью редактирования кнопки, пожалуйста, скажите мне, почему это не работает. Это работает, когда я просто набираю style рядом с ним и добавляю его, но это не позволяет мне установить там параметр наведения.

Ответ №1:

#but button означает, что вы ищете кнопку внутри элемента с идентификатором, но. У вас нет такой ситуации в вашем коде. У вас есть кнопка с идентификатором, но она должна быть такой:

 button#but

Комментарии:

1. Почему бы просто не использовать #but ? Это был бы более эффективный селектор

2. Это может быть #но там, но я просто хотел полностью объяснить разницу между #but button и button#but

Ответ №2:

измените ‘#but button’ на ‘button #but’ в вашем css, потому что кнопка имеет идентификатор, а не родительский элемент

 button#but {
color:blue;
}

Ответ №3:

попробуйте этот селектор, он выбирает кнопку, имеющую атрибут id = но

кнопка #но

Ответ №4:

Если вы хотите использовать несколько кнопок, вы должны использовать классы, а не идентификаторы. Идентификаторы могут использоваться только по одному на страницу. в любом случае синтаксис правильный кнопка #но{} или #но{} .