Css 如何仅为特定元素返回用户代理样式表?
我在我的web开发中使用。它有一个Css 如何仅为特定元素返回用户代理样式表?,css,compass-sass,compass,Css,Compass Sass,Compass,我在我的web开发中使用。它有一个重置组件: @导入“罗盘/重置” 此组件重置用户代理样式表,任何标题标记Hello,World都会像普通的一样呈现文本。以下是指南针重置的方式: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, k
重置组件:
@导入“罗盘/重置”
此组件重置用户代理样式表,任何标题标记Hello,World
都会像普通的
一样呈现文本。以下是指南针重置的方式:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
但是,我只想为标题h(1-5)
启用用户代理样式表。当前的web/浏览器标准/功能是否有这样的选项?这实际上是CSS重置的全部目的;它使元素变得平坦,因此重置后应用的所有样式在浏览器中看起来都很相似,并减少了为获得相同外观而需要编写的CSS数量
可能CSS重置不是您想要的,您可能需要一个新的CSS重置
希望有人为normalize.css开发了一个Compass插件,附带详细的安装说明
在gem安装完成并需要config.rb
文件上的库之后,您可以导入normalize.css的各个部分
因此,如果您想规范化除
-
标记之外的所有内容,您可以导入所有不包含@import'normalize/typography'的内容代码>从您的SASS/SCSS文件
@import 'normalize/html5';
@import 'normalize/base';
@import 'normalize/links';
@import 'normalize/embeds';
@import 'normalize/groups';
@import 'normalize/forms';
@import 'normalize/tables';
这将是最可重用和最清洁的方法。但是,如果您严格需要reset.css,避免所有其他浏览器默认设置,我建议您在一个单独的文件中创建自己的reset.css,取出不希望重置的标记,然后将其导入主SASS/SCSS文件中 这实际上就是CSS重置的全部目的;它使元素变得平坦,因此重置后应用的所有样式在浏览器中看起来都很相似,并减少了为获得相同外观而需要编写的CSS数量
可能CSS重置不是您想要的,您可能需要一个新的CSS重置
希望有人为normalize.css开发了一个Compass插件,附带详细的安装说明
在gem安装完成并需要config.rb
文件上的库之后,您可以导入normalize.css的各个部分
因此,如果您想规范化除
-
标记之外的所有内容,您可以导入所有不包含@import'normalize/typography'的内容代码>从您的SASS/SCSS文件
@import 'normalize/html5';
@import 'normalize/base';
@import 'normalize/links';
@import 'normalize/embeds';
@import 'normalize/groups';
@import 'normalize/forms';
@import 'normalize/tables';
这将是最可重用和最清洁的方法。但是,如果您严格需要reset.css,避免所有其他浏览器默认设置,我建议您在一个单独的文件中创建自己的reset.css,取出不希望重置的标记,然后将其导入主SASS/SCSS文件中 为什么不制作一个2:nd版本的组件并取出h(1-5)
呢?为什么不制作一个2:nd版本的组件并取出h(1-5)
?