如何針對特定標籤通過特定的CSS文件

我有這樣以下HTML5代碼如何針對特定標籤通過特定的CSS文件

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title>AUMC-Student Portal</title> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link href="css2/paper.css" rel="stylesheet" media = "screen"> 
     <link href="css2/bootstrap.css" rel="stylesheet" media = "screen"> 



     <style> 
     form{ 
      width: 300px; 
      margin: 0 auto; 
      vertical-align: middle; 
      padding-top: 15%; 
     } 

     </style> 
    </head> 

    <body> 

     <form id = "AllControls" class="Controls"> 
      <fieldset id = "fomrControl" class = "Inputs"> 
       <br> 
       <input type = "text" class = "form-control" placeholder="Username" /> 
       <br> 
       <input type = "password" class = "form-control" placeholder="Password" /> 
       <br> 
       <br> 
       <button type="submit" class="btn btn-default">Forgot</button> 
       <button type="submit" class="btn btn-primary">Login</button> 
       <br> 
      <fieldset/> 
     <form/> 
    </body> 
</html>

我連接兩個CSS文件，一個是paper.css等是bootstrap.css受到影響。以下是當我將他們單獨應用於其他評論時的情況。

現在我想我的輸入字段，以使用bootstrap.css和按鈕都使用paper.css外觀的外觀。但是當我同時包含CSS文件時，它給了我一個汞齊我不想要，因爲它們都影響輸入字段和按鈕。我嘗試在CSS文件中更改類名，它在一定程度上起作用，但是它很痛苦地找到每一行都會影響你的元素。另外，我知道@範圍風格的@import已被棄用。

所以，

有什麼辦法來定位我的輸入字段和按鈕只使用這些CSS文件中的一個，而不改變CSS文件本身？

來源

2017-02-20 Ahmed Jamil

您可以定義自己的班級，然後應用它。您看到的行爲是樣式表打算如何表現。 –

@Tim Biegeleisen你能解釋一下如何做到這一點？這是否包括更改標記的類名或CSS文件中，或者我錯了你說的話。 –

嘗試爲按鈕製作自定義類，然後從paper.css文件複製按鈕的css代碼並將其應用於自定義類。

來源

2017-02-20 00:59:09 Urbine

我看，這很好，但在CSS文件中有多個部分負責元素的完整工作，如下面的鏈接http://bootswatch.com/paper/bootstrap.css我想如何找到影響按鈕標籤的所有代碼行。這非常耗時。這真的是唯一的方法嗎？ –

如何針對特定標籤通過特定的CSS文件

回答

相關問題