gpt4 book ai didi

css - 什么是好的 'marker' css 样式定义?

转载 作者:行者123 更新时间:2023-11-28 10:23:54 30 4
gpt4 key购买 nike

我发现定义“标记”css 样式(例如 “hidden”“selected”)很有用,这样我就可以轻松地将某些内容标记为隐藏或选中 - 特别是使用基于标记的技术(如 ASP.NET MVC 或 PHP)时。

.hidden
{
display:none;
}

.newsItemList li.selected
{
background-color: yellow;
}

我不是特别喜欢reinventing the wheel在这里,想知道像这样的其他东西还有哪些是有用的或常见的 - 或者是否有任何需要注意的陷阱。

我是否应该查看任何特定的 css 框架来处理类似的其他问题?另外,是否有我可以搜索的此类 css 类的名称。

最佳答案

我同意其他发帖人所说的只定义您需要的内容,而不是用一堆不必要的类使您的代码膨胀。

话虽如此,我发现自己经常使用以下内容:

  • .accessibility - 在视觉上隐藏元素,但让屏幕阅读器和打印样式表保持完整
  • .clear - 绑定(bind)到 Easy Clearing
  • .first-child 和 .last-child - 轻松地将样式分配给容器中的第一个/最后一个元素。这已经多次成为救星,我更喜欢它而不是支持不佳的 :pseudo 选择器
  • .replace - 绑定(bind)到 Phark IR用于透明图像替换

最后,我动态分配.js<html>元素与

<script type="text/javascript">if(h=document.documentElement)h.className+=" js"</script>

这将允许我定义 .js (选择器的其余部分) 样式以仅针对启用了 JavaScript 的浏览器。

关于css - 什么是好的 'marker' css 样式定义?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/550226/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com