如何將兩個不同的樣式屬性應用於不同位置的相同元素？

-4

form { 
display: table; 
margin: 20px auto; 
text-align: center; 
}

現在這個樣式屬性覆蓋另一個表單元素的樣式屬性在多個地方的表單元素，現在形式不具有id屬性，我出了名的&試圖與name屬性的形式但它不起作用。

form[name="myform"] { 
display: table; 
margin: 20px auto; 
text-align: center; 
}

請提出一個解決方案

來源

2017-01-15 mcl

所有其他條件相同，沒有理由會不工作（儘管自從HTML 4成爲標準（1998年）以來，你不應該在表單元素上使用name屬性）。你應該提供一個完整的[mcve]。 – Quentin

分配類到你的表單標籤，如：

<form class="x"> ... </form>

，併成立CSS這些類：

.x { 
    color: red; 
    ... 
}

關於在評論問題：下面是一個演示這個工作的例子（注意類的顏色覆蓋了表單的顏色）：

form { 
 
    display: block; 
 
    margin-top: 0em; 
 
    color: blue; 
 
} 
 
.x { color: red; 
 
    font-size: 24px; 
 
}

<form action="demo_form.asp" class="x"> 
 
First name: <input type="text" name="FirstName" value="Jane"><br> 
 
Last name: <input type="text" name="LastName" value="Doe"><br> 
 
<input type="submit" value="Submit"> 
 
</form>

來源

2017-01-15 13:13:21 Johannes

所以這個答案有什麼不好（downvote）？ – Johannes

可以形成有id的屬性嗎？ – mcl

是啊刪除我很抱歉 – mcl

你有多種選擇，但一個簡單的方法是使用不同的ID S或不同類象下面這樣：

<form id="first"> </form> 
<form id="second"> </form>

來源

2017-01-15 13:14:02

http://stackoverflow.com/users/6486607/razvan-alex能形成有id屬性嗎？ – mcl

@mcl - https://www.w3.org/TR/html51/dom.html#sec-global-attributes – Quentin

@Quentin可以表格也有類屬性嗎？ – mcl

對於每個頁面使用另一個CSS風格與新的定義元素。
或使用類像class="form_1"
或使用ID像id="form_1"
或沒有改寫使用像font-size: 18px !important

來源

2017-01-15 13:18:11

如何將兩個不同的樣式屬性應用於不同位置的相同元素？

回答

相關問題