Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/.htaccess/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何仅为特定元素返回用户代理样式表?_Css_Compass Sass_Compass - Fatal编程技术网

Css 如何仅为特定元素返回用户代理样式表?

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

我在我的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, 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)