Question

我有5个html文件和1个css文件。当我将这个外部css链接到所有html文件时，所有样式都应用于所有文件。但是我只想要使用几种款式。我怎么能做到呢？

例如：

    <head>
    <title>Welcome</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" href="file:///C:/Users/myuser/Pictures/HTML/Styles.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">            </script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>


body
{
  background-image: url("file://C:/Users/myuser/Pictures/HTML/bicycles.jpg");
  background-repeat: no-repeat;
  background-size: cover;

}

此处，正文样式将应用于所有html文件，并且正在显示不需要的背景。请告诉我如何解决此问题。

如何应用特定于html文件的外部CSS样式？

0 个答案: