是否由浏览器缓存了CSS <style> .. </style>数据？

Question

如果我将所有CSS放在<style> .. </style>标签中，浏览器是否会缓存该样式数据并将其应用于重新加载同一页面或我网站上的其他页面？

Answer 1

如果您的样式是HTML页面的一部分，则它只与整个页面一起缓存。如果您需要单独页面上的样式，则需要每次都加载它。您应该使用一个样式文件，其中包含所有相关样式，并使用<link rel="stylesheet" href="stylesheet.css">引用它。然后缓存此文件（如果您的HTTP标头这样说），并且可以在每个HTML页面中使用。