Jquery CSS样式只对元素有效，不使用选择器_Jquery_Html_Css_Twitter Bootstrap

Jquery CSS样式只对元素有效，不使用选择器

jquery html css twitter-bootstrap

Jquery CSS样式只对元素有效，不使用选择器,jquery,html,css,twitter-bootstrap,Jquery,Html,Css,Twitter Bootstrap,我无法在我的页面上运行css。这是我的html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>shubbler.xyz</title> <

我无法在我的页面上运行css。这是我的html：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>shubbler.xyz</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet">
    <link rel="stylesheet" href="style.css" type="text/css">
  </head>
  <body>
    <div class="container-fluid">
      <nav class="navbar navbar-default">
        <div class="container-fluid">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" style="font-family: 'VT323', monospace; font-size: 20px" href="/">Shubbler.xyz</a>
          </div>
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li class="active"><a href="/repost/">Repost</a></li>
              <li><a href="/search/postsearch">Post Search</a></li>
              <li><a href="/search/itemsearch">Item Search</a></li>           
            </ul>
            <ul class="nav navbar-nav navbar-right ">
              <li style="font-family: 'VT323', monospace; font-size: 30px"><a href="/donate">Donations</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div><!--/.container-fluid -->
      </nav>
      <div class="container">
        <a href="/repost/">
          <div class="row">
            <div class="col-md-12 col-xs-12">
              <div class="main-div" style="background-color:lightsalmon;">
                <h2><span class="">Repost</span> for /r/GlobalOffensiveTrade</h2>
                <br>
                <p>Basically, this will repost your latest Reddit Trade.</p>
                <p>Sign in with Reddit and confirm the Trade/Store that you want to repost.</p>
              </div>
            </div>
          </div>
        </a>
        <a href="/search/postsearch">
          <div class="row main-div">
            <div class="col-md-12 col-xs-12">
              <div style="background-color:lightblue;">
                <h2>Post Search for /r/GlobalOffensiveTrade</h2>
                <br>
                <p>This feature will allow you to find posts by filtering either have or want.</p>
                <p>Just search for a post below, check out the items in the post too.</p>
              </div>
            </div>
          </div>
        </a>
        <a href="/search/itemsearch">
          <div class="row main-div">
            <div class="col-md-12 col-xs-12">
              <div style="background-color:lightgreen;">
                <h2>Item Search for /r/GlobalOffensiveTrade</h2>
                <br>
                <p>This feature will allow you to find items posted on /r/GlobalOffensiveTrade.</p>
                <p>Just search for an item below, feel free to change float criteria too.</p>
              </div>
            </div>
          </div>
        </a>    
      </div>
    </div>
  </body>
</html>

问题是，它仅在我使用标记作为选择器时有效，例如，如果我设置了所有div或body，如下所示：

div {
  background-color: red;
}

但是，如果我对类或id使用选择器，它将不起作用。我已经使用w3schools验证程序进行了检查，它没有返回任何通知或错误。

在html中，没有像您在css代码中所做的那样，包含class

main row

、id

div

的元素。

在代码中，您有带有class

main div

的div，但在css中您选择了

main row

。尝试更改HTML以使用类

主行

例如：

<div class="row main-row">
  <div class="col-md-12 col-xs-12">
    <div style="background-color:lightblue;">
      <h2>Post Search for /r/GlobalOffensiveTrade</h2>
      <br>
      <p>...</p>
      <p>...</p>
    </div>
  </div>
</div>


对/r/GlobalOffensiveTrade的后期搜索

可能其中一些用于引导，因此您需要使用！重要的是什么/在哪里？还有，主排？我只看到了。行和。主分区

<div class="row main-row">
  <div class="col-md-12 col-xs-12">
    <div style="background-color:lightblue;">
      <h2>Post Search for /r/GlobalOffensiveTrade</h2>
      <br>
      <p>...</p>
      <p>...</p>
    </div>
  </div>
</div>