样式属性与设置 ID 和外部 CSS

2024-03-04

我理解将所有表示元素保留在标记之外并将它们放入外部 .css 文件中的概念。

我想了解一下在什么类型的情况下您会认为使用样式属性与设置 ID 和外部 Css 是合理的。

到目前为止,我已经经常使用 style 属性,我通常使用它来指定特定于该元素的演示项目以及适用于我拉入外部 css 文件的所有元素的任何内容,但我想重新评估我的位置和做出未来最好的选择。


使用外部 CSS 进行静态定义。使用元素 ID 查找和样式属性来处理在运行时发生变化的内容,或者需要 Javascript 来设置内容,因为 CSS 无法实现您想要的功能。

后者的一个很好的例子是在广泛支持之前 jQuery 中的斑马条纹CSS 3 选择器 http://caniuse.com/#feat=css-sel3:

$(document).ready = function() {
    $("table tr:nth-child(even)").addClass("striped");
});

今天,您可以在静态 CSS 中做到这一点,但曾几何时,在 Javascript 中做到这一点是最好的选择。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

样式属性与设置 ID 和外部 CSS 的相关文章

  • 如何在php中使用一张图像绘制形状

    我需要使用图像的一部分来创建帧图像 例如 用户将从后端上传图像片段 现在我需要根据前端用户的要求在前端创建一个框架 用户将选择框架的高度和宽度 然后他将选择该图像片段 如下所示 我没有办法做到这一点 我尝试通过 css 和 html can
  • 引导标签输入宽度

    我正在尝试使用引导程序标签输入 http timschlechter github io bootstrap tagsinput examples 以模态中包含的形式 像这样 div class form group div
  • 将输入中每个单词的第一个字符设为大写

    我想知道如何在输入区域自动生成单词的第一个字符 目前我的代码是 Name
  • 如何在jqplot中显示饼图之外的标签?

    Jqplot 有如下图表 jqplot 图表 http www jqplot com tests pie donut charts php 我的问题是如何在 a 之外显示标签jqplot chart像下面这样high chart 高图表可以
  • 使用 CSS 自定义字体?

    我见过一些在其网站上使用自定义字体的新网站 除了常规的 Arial Tahoma 等 他们支持大量的浏览器 如何做到这一点 同时 如果可能的话 还会阻止人们免费下载该字体 一般来说 您可以使用自定义字体 font face在你的 CSS 中
  • div 边框上的内边距

    我想在 css 边框上添加填充 将其拉入 div 内 远离边缘 使用 css 可以吗 css3 很好 webkit 这是设计 我通过将一个 div 放在一个 div 中 然后给内部 div 一个边框来做到这一点 我想让标记尽可能精简 所以如
  • 调整文本区域大小

    我需要使用文本区域来显示一些文本 问题是 如果我放置 4 5 行文本 就会出现滚动条 如何使用 CSS HTML 使文本区域与其内容一样大 没有滚动条 文本区域不需要动态更改其大小 我仅使用它来显示文本 我也可以使用禁用的文本区域 我希望文
  • 如何在背景剪辑中包含文本装饰:文本;影响?

    我在用 webkit background clip text border and color transparent在锚标记上 下划线似乎永远不可见 我想要的是将文本装饰包含在背景剪辑中 这是我的CSS background clip
  • Twitter 嵌入时间轴小部件

    我继续下载http platform twitter com widgets js http platform twitter com widgets js And the http platform twitter com embed t
  • 闪亮井板宽度

    library shiny library shinydashboard ui lt dashboardPage dashboardHeader dashboardSidebar dashboardBody wellPanel tags d
  • dom 元素转换后 IE 显示水平滚动条

    我在网站的各个地方使用了以下 css http jsfiddle net uycq29mt 1 http jsfiddle net uycq29mt 1 a position absolute background red width 60
  • h2 设置背景颜色和下划线

    我需要帮助解决这个 CSS 问题 我想要风格 h2 元素的背景颜色仅适用于文本 并且还有边框底部 这是预览 我可以自己做这件事 这并不难 但问题是我无法添加额外的元素 比如 span 标签 内 h2 标签 所以我正在寻找一种纯CSS方式来实
  • 菜单作为水平无序列表或表格?

    我有一个无序列表 水平显示为页面的顶部菜单栏 我已经让它显示得相对较好 尽管我一直在调整 IE6 和 IE7 的间距 因为它无法正常显示 令人震惊 无论哪种情况 使用表格来显示菜单还是使用一些CSS hack 我找不到解决方法 会更好吗 显
  • 父级嵌入框阴影与子级 div 重叠

    我遇到一个问题 子级 div 与父级框阴影底部重叠 父级有一个 max height w overflow y 滚动 任何帮助都会很棒 https i stack imgur com jQe0r png https i stack imgu
  • CSS Overflow 属性在 iPad 中不起作用

    我正在为 iPad 设计一些 html 页面 在尝试像 yscroll auto 这样的 css 溢出属性时 iPad 中没有出现滚动条 内容也没有滚动 我在 ipad 模拟器和设备中尝试过 有没有其他方法可以实现这个属性 请帮帮我 提前致
  • 如何淡化循环背景图像?

    这里的菜鸟 我试图让我的静态背景变成一个轮播 我当前的html看起来像这样 div class pageContent div 和我的CSS body background url http placehold it 1600x1200 n
  • 有没有模拟 Facebook 游览的 jQuery 插件?

    我指的是 Facebook 游览 可能使用开箱即用的 Facebook CSS 我已经知道这两个 http tympanus net codrops 2010 12 21 website tour http tympanus net cod
  • 如何使 WordPress 主题全宽?

    我尽了最大努力 但无法通过编辑 CSS 使以下主题全宽 屏幕 如果您能向我展示或给我有关此定制的提示 我将不胜感激 http demo mythemeshop com sociallyviral http demo mythemeshop
  • 角度 2 中的动态 styleUrls?

    是否可以将样式表的 url 动态注入到组件中 就像是 styleUrls stylesheet1 css this additionalUrls 或者 一厢情愿并注意这只是假代码 export class MyComponent imple
  • 位置:绝对在边框半径内且溢出:隐藏

    我遇到了问题border radius在webkit浏览器中找到了解决方案 网址如下 如何在 Chrome Opera 中使 CSS3 圆角隐藏溢出 https stackoverflow com questions 5736503 how

随机推荐

  • 为一个用户提供多个订阅的最佳方式(iOS、Android)

    有人有为应用程序实施多个订阅模型的经验吗 我无法找到有关该主题的正确文档 创建应用内订阅模型的最常见方法是每位用户一次订阅 但我想为每一项提供一项订阅 在我的应用程序中 这意味着如果用户想要订阅多个项目 则可以创建多个订阅 每个项目的功能都
  • 如何在列表列表中找到共同元素?

    我试图弄清楚如何比较 n 个列表以找到共同元素 例如 p 1 2 3 1 9 9 1 2 4 gt gt print common p gt gt 1 现在 如果我知道元素的数量 我可以进行如下比较 for a in b for c in
  • WCF FaultException 是否支持与 Java Web 服务故障的互操作

    我编写了一个 java axis2 1 4 1 Web 服务和 net 3 5 WCF 客户端 我正在尝试捕获抛出的 wsdl 错误 与 net 2 0 不同 net 3 5 声称支持wsdl fault并且服务引用向导确实在客户端代理中生
  • iOS9 ATS:基于 HTML5 的应用程序怎么样?

    根据来自的文档https developer apple com library content releasenotes General WhatsNewIniOS Articles iOS9 html apple ref doc uid
  • 按哈希表中的值排序 - Ruby

    我有以下国家 地区哈希值 COUNTRIES Albania gt AL Austria gt AT Belgium gt BE Bulgaria gt BG 现在 当我输出散列时 值不是按字母顺序排列的 AL AT BE BG 而是按无意
  • 使用 jQuery,从跨域 url 访问 json,其中 json 可能格式不正确

    我正在使用 jQuery 的 ajax 函数来访问跨域 url url 将返回 json 我正处于发现阶段 但我认为 因为 json 值包含几个 quot 字符串 所以 json eval 会抛出错误并停止客户端脚本的执行 我得到的错误是
  • 使用 protobuf-net 序列化数组时如何处理空值?

    以下语句失败NullReferenceException TypeModel Create DeepClone new string 1 检查源代码发现异常是故意抛出的 这意味着null数组中的值违反了协议缓冲区规范 有道理 null不是任
  • Fabricjs intersectsWithObject 当对象为 Fabric.Rect 时返回 false

    我试图在观察 object moving 事件时确定fabric Rect何时与另一个fabric Rect重叠 但fabric Group与fabric Rect之间的结果不一致 当我将 Group 移动到 Rect 实例上时 inter
  • Mysql 闰年 Dayofyear

    在以下查询中 不考虑闰年 SELECT e id e title e birthdate FROM employers e WHERE DAYOFYEAR curdate lt DAYOFYEAR e birthdate AND DAYOF
  • ASP.NET Identity 用户名中的特殊语言字符

    我想使用一些特殊字符 例如 在用户名中 但我面临这个错误 IdentityResult result UserManager Create applicationUser password Error 用户名 test 无效 只能包含字母或
  • pygame 中 sys.exit() 的问题

    我正在学习使用 Pygame 当我使用sys exit 我遇到了一个问题 这是代码 import pygame sys os from pygame locals import pygame init window pygame displ
  • 仅当 r 中满足条件时,数据帧内的增量计数器

    我想创建一个累积增量计数器 仅在满足条件时才会增加 DT lt data table id c 1 1 1 1 1 1 1 2 2 2 b c 10L 5L 3L 4L 2L 6L 1L 3L 5L 7L 我没有得到想要的结果rleid因为
  • 将不同数据集与 R 中的堆积条形图进行比较

    我需要比较两种不同的方法 每种方法使用堆叠条形样式在一张图中有 3 个不同的结果 我想画一个图 以便 x 轴显示实验 y 轴显示结果 每个条形以堆叠条形格式填充 3 个结果 experiment method resuult1 result
  • 我的应用程序可以与 Moodle 通信吗?

    我正在考虑构建一个学生应用程序 它将使用 Moodle 数据 并在上传新文件时通知用户 也许还可以执行诸如检查成绩等操作 我对 Android 编程很陌生 很容易与技术术语混淆 我浏览了一下网络 发现有一个 API 但我并不真正 100 知
  • 使用 SMTPHandler 整理 Python 日志记录 MemoryHandler 中的输出

    我设置了日志记录模块 MemoryHandler 来对 SMTPHandler 目标的调试和错误消息进行排队 我想要的是当进程出错时发送一封电子邮件 其中包含截至该点的所有调试语句 每行一个 相反 我收到的是每条调试消息的单独电子邮件 这看
  • 在 HTML 中添加滚动条

    这是一个非常菜鸟的问题 我想我已经知道答案了 但是 您可以将滚动条添加到 div CSS div height 100px overflow auto jsFiddle http jsfiddle net alexdickson Wdj3M
  • Grafana 多值浮点 histogram_quantile

    嗨 我正在强制解决 histogram quantile 问题 如果我将变量设置为多值 这样我就可以重复面板 然后我收到错误消息 字符 21 处解析错误 意外字符 我的要求是 histogram quantile percentile av
  • 这两个查询之间的最佳实践

    我昨天参加了一个用户组会议 他们指出使用参数化查询比对查询进行编码更好 这让我开始思考 这是否有什么好处 显然规模比这大得多 DECLARE Client1 UNIQUEIDENTIFIER Client2 UNIQUEIDENTIFIER
  • 在 Mongoose 中使用连接和过滤器进行查询

    我是 Mongodb 的新手 并且在我使用 MEAN 堆栈构建的 Web 应用程序中使用它 我的目标是通过连接两个表并对它们应用过滤条件来查询它们 例如 我有两个表 自行车 自行车 ID 注册号 品牌 型号和预约 预约日期 状态 自行车 参
  • 样式属性与设置 ID 和外部 CSS

    我理解将所有表示元素保留在标记之外并将它们放入外部 css 文件中的概念 我想了解一下在什么类型的情况下您会认为使用样式属性与设置 ID 和外部 Css 是合理的 到目前为止 我已经经常使用 style 属性 我通常使用它来指定特定于该元素