css怎么查找,查找CSS样式

2023-05-16

本文内容不是关于如何选择WordPress主题,而是如何在当前主题中查找CSS样式。页面样式或模板的某个部分通常会出现一些这样或那样的问题。例如,侧边栏菜单和页面其它部分之间有一个边框,我们想删除这个边框,于是到处查找边框的CSS引用却怎么也找不着,怎么办?

CSS侦探

首先,我们来做个侦探游戏——CSS侦探游戏。我们知道问题由什么引发,却找不到源头的具体位置。在上面的例子中就是要找到那个偏移了的边框。

仔细检查某个已生成页面(或测试页面),在侧边栏偏移的边框周围查找可识别的文本。假设在侧边栏的列表中有一个叫做“All About Harry”的日志标题。于是我们查看页面源代码时,就可以在侧边栏中查找这个标题。

在浏览器的菜单栏中点击“查看”菜单,在下拉式菜单中选择“页面源代码”或“源代码”,之后会弹出当前页面的源代码页面。

利用查找工具Ctrl+F开始我们的搜索工作。输入“all about harry”,点击查找。除非日志中有“all about

harry”,否则查找工具会把我们直接带到“all about

harry”第一次出现的位置,很可能就是侧边栏。如果不在侧边栏中,点击“下一个”,直到在侧边栏中找到“all about harry”。

使用IE浏览器的用户可以利用IE开发辅助工具帮助自己搜索页面上各种设计元素、ID、类。IE开发辅助工具在页面层级内显示各个元素、元素的CSS属性,还可以标出DIV标签、表格等。从Microsoft 网站上可以下载到这个开发辅助工具。

找到需要的内容(all about harry)后,侦探工作就正式开始了。首先在整页源代码“All About Harry”周围查找以下内容,其中sidebar也可能是menu或sidecolumn:


这就是侧边栏菜单的主体部分,第一个“嫌疑人”。

接着打开style.css文件,查找sidebar或上一步中发现的其它名称。最终sidebar形式有两种:

#sidebar

.sidebar

在CSS选择符下查找侧边栏样式,看其中有否提到边框。侧边栏样式通常是下面这种形式:

#sidebar {position: relative; float: right; width: 170px;
color: blue; font-size: 90%; border-right: solid 1px blue; }

找到作案者——边框(border)了!如果这是罪魁祸首,删除这个引用,任务就完成了。

如果还没有找到罪魁祸首,继续搜索。

有时罪魁祸首是最容易被忽略的。导致边框错误的不一定是嫌疑人侧边栏(sidebar),也可能是正文(content)部分。返回页面源代码,查找日志的开始部分的单词。在开始部分前查找:

其中content也可能是page、post、maincolumn、widecolumn,或者其它别名,总之是装有日志内容的CSS容器。现在返回样式表,检查content中是否有边框。

搜查样式表

如果还没有找出真正的“犯罪者”,侦探活动就不能停止。返回所有样式的藏身地——style.css文件,彻底搜查“border”,仔细寻找任何一个“嫌疑人”。记下选择符的ID名称,如sidebar, menu, content和page,返回页面源代码,判断“嫌疑人”是否就是真正的犯案人。

也可以选中样式表style.css中找到的“嫌疑人”,将之剪切并复制到电脑上类似记事本的TXT文件(如Notepad记事本)中。按以下格式标注被删除的选择符名称:

Removed border: solid 2px green from #content

保存经过编辑的style.css文件,将文件上传到网站。刷新测试日志,看看希望删除的边框是不是已经消失不见。如果边框不见了,说明“罪魁祸首”已经就范。边框还在的话,返回记事本,复制其中的代码并粘贴回style.css文件的“content”部分,将一切恢复原状。

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

css怎么查找,查找CSS样式 的相关文章

  • 理解 z-index:该元素如何出现在其父级同级元素的前面?

    为什么当我删除时红色 div 位于绿色 div 前面z index from wrapperRed 感觉像z index是沿着链条向上继承的 如果我改变z index将绿色 div 更改为 6 即使删除第一句中描述的行后 它仍保留在红色 d
  • save_and_open_page 已停止提供我的 CSS

    我的测试设置工作得很好 每当我打电话时 都能提供正确格式的 css 页面save and open page从测试中 然后 我设置了一些 javascript 测试 并对我的设置进行了一些更改 抱歉 我无法详细说明所有内容 我没有足够详细地
  • 单击导航项锚链接时如何关闭切换菜单

    请看我的FIDDLE http jsfiddle net ayhpp8ax 我有一个带有 响应式 导航菜单 带有指向页面上元素的锚链接 的 1 页网站 当浏览器视口小于特定宽度 在我的情况下为 767px 时 使用此 javascript
  • 在 ember-cli 中安装 Foundation 5

    我对 ember 相当陌生 对构建工具也很陌生 我目前正在使用通常的基础安装以及基础 cli 和指南针来编译我的 css 这有点痛苦 并且对于团队工作来说非常糟糕 我认为用 Bower 安装文件并使用会更好ember cli compass
  • 网站在 iPhone 屏幕右侧显示空白区域

    我遇到问题http eiglaw com http eiglaw com iPhone 屏幕右侧显示约 25 像素宽的空白 边框 我在 stackoverflow 上研究了这个问题 这些帖子是相关的 但是当我尝试提供的各种解决方案时 我无法
  • 固定 div 位于居中 div 旁边

    我有一个网页 其中有可滚动的内容 此内容包含在 content 内 位于页面的中心 现在我希望导航栏出现在内容左侧 50 像素处 该栏应具有固定位置 不应滚动 这是我到目前为止所尝试过的 nav position fixed top 50
  • 如何在Yii框架中向Form添加类?

    我在 Yii 中有一个表单 我想向该表单添加一个类
  • javascript 选择自定义光标 (svg)

    我正在动态地将光标更改为悬停时的本地 svg element on mouseover function this css cursor url svgs pointer svg 9 30 auto 工作正常 但我想选择该 svg 来操纵其
  • 如何通过单击链接来更改 div 的内容?

    这是我的网页的 修改后的 jsfiddle 它还有很多 而且定位是正确的 与此相反 http jsfiddle net ry0tec3p 1 http jsfiddle net ry0tec3p 1 a href class btn1 st
  • 使用 CSS 折叠和展开元素

    我正在尝试构建一个页面 加载时仅可见标题 并且 当用户单击标题时 每个标题下方的表格会在隐藏和显示状态之间切换 我的限制是只能在 CSS 中执行此操作 这是我到目前为止想到的 https jsfiddle net Argoron c1ypx
  • Chrome:当父级固定时,无法将一个绝对 div 放置在另一个 div 上

    我发现 当我想要位于顶部的 div 的父级固定时 我无法将一个绝对定位的 div 放置在 Chrome 中的另一个 div 上 div div div div div div 这是演示该问题的 JSFiddle http jsfiddle
  • Safari 中的 css3 边框半径动画过渡不起作用

    尝试在 Safari 中对图像的边框半径进行 css3 轻松过渡 它只是有点闪烁进入悬停状态 而不是平滑过渡 任何帮助深表感谢 我的代码如下 CSS all a hover img webkit border radius 50 moz b
  • 如何在有序列表中组合数字和字母?

    如何在 CSS 中用数字和字母递增有序列表 ol nested margin bottom 0 counter reset item ol nested li display block position relative ol neste
  • @media语法/可能的组合

    我见过其中一些 media print media screen handheld print projection media all media all and property value media screen and prope
  • 使用 css 简单地将对象居中,无需修改

    我想使用 CSS 将对象居中 而不需要任何技巧 这可能吗 如何实现 我已经尝试过了 但是我的 p 标签消失了 centered position fixed top 50 left 50 有多种方法可以使元素居中 但这取决于您的元素是什么以
  • 响应式图像 - srcset 和尺寸属性 - 如何正确使用两者:基于设备像素比和基于视口的选择一起?

    到目前为止 我经常读到这个问题 并且它也发生在我自己的项目中 这里介绍一下我到目前为止所发现的关于 srcset 和 size 属性的内容 关于如何使用有两种不同的可能性srcset 属性 来源 w3c http w3c github io
  • 使用 CSS 使一行 div 高度相同

    我有一排必须具有相同高度的 div 但我无法提前知道该高度可能是多少 内容来自外部源 我最初尝试将 div 放置在封闭的 div 中并将它们向左浮动 然后我将它们的高度设置为 100 但这没有明显的效果 通过将封闭 div 的高度设置为固定
  • 刷新页面时保存用户的选择

    我目前有一个页面显示不同团队的数据 我有一些数据 用户可以单击使其处于 打开 或 关闭 状态 并为每个数据显示不同的图标 它基本上就像一个清单 只是没有物理复选框 我想记住哪些 复选框 已被选中 即使在用户刷新页面或关闭浏览器并稍后返回之后
  • 可以设置标题样式吗? (并且使用CSS或js?)[重复]

    这个问题在这里已经有答案了 我想知道是否可以设计一个title a href title This is a title Hello a 样式问题有两个方面 文本格式 编码 我猜这是可能的 所以在问题中这样做 工具提示样式 你能把它弄大一点
  • 在移动设备上滚动

    这个问题更多的是一个建议研究 我确实希望它对其他人有帮助 并且它不会关闭 因为我不太确定在哪里寻求有关此事的建议 在过去的 6 个月里 我一直在进行移动开发 我有机会处理各种设备上的各种情况和错误 最麻烦的是滚动问题 当涉及到在网站的多个区

随机推荐