我正在創建一個網站，該網站使用 php 從 phpmyadmin 資料庫中獲取資料，并在我的 html 中使用該資料庫的資訊。
我有這樣一個php查詢，它從 "ID "欄位中找到值，然后用這個值創建一個名為"$studentID "的變數（在本例中是數字2）：
我有這樣一個查詢。
$result = $conn->query("select * from logins where usertype =
'student'"）。)
$row = $result->fetch_array（）。
$studentid = $row['id'/span>]。
然后我試圖用這個變數作為一個叫做'rowcontainer'的html元素的ID：
< div class = ' rowcontainer' id = "< ? php echo $studentid; ? >"></div>
然后我將這個使用id為 "2 "的元素的背景顏色設定為藍色（使用css）：
#2 {
background-color: blue;
}
.rowcontainer {
width: 100%;
height: 30px。
}
當我使用檢查工具時，元素'rowcontainer'看起來確實像我想要的那樣有一個 "2 "的id，但顏色仍然是默認的白色而不是藍色。
是否有我遺漏的東西，或者有更好的方法來實作這個目標？
uj5u.com熱心網友回復：
雖然HTML5對以數字開頭的id很滿意，但CSS3似乎不滿意。
如果你堅持使用以數字開頭的id，你可以通過使用屬性選擇器讓CSS接收它--這表示 "選擇具有該字串的id屬性的元素"
。 。[id='2'/span>]{
background-color: blue;
}
.rowcontainer{
width: 100%;
height: 30px;
}< div id="2">id是2</div> 或者你可以在你的php中用a-z字符或字串來預置（而不是追加）id，就像這樣：
< div class = ' rowcontainer' id = "id echo $studentid; "></div>
然后通過
選擇這個div#id2 {
background-color: blue;
順便說一下，要小心在字串中添加虛假的空格字符。你的PHP在2后面放了一個空格，在某些情況下，空格很重要（整體上是字串匹配），在某些情況下，它們并不重要。
uj5u.com熱心網友回復：
首先，你需要知道你是在使用class & ID來給同一個div做造型。 你的問題的答案是不要把PHP的數值傳遞給html ID。在你的例子中，你傳遞的是2。在這個變數后面加上一些文字就可以了。
<! DOCTYPE html>
<html>
<head>
<title> 頁面標題</title>
<style>
.rowcontainer {
width: 100%;
height: 30px。
}
#2yes{
background-color: 藍色。
color: red;
</style>>
</head>
<body>
<h1 class=' rowcontainer' id="<? php print $id. 'yes'"? > > Hello </h1>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/316203.html
標籤：