问题标签 [pure-css]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
539 浏览

html - 雅虎 PureCss 垂直导航

嗨,我是 Yahoo 的 PureCss 新手。我试图用可折叠的项目进行垂直导航,我想知道为什么 li 中的 ul 不显示任何显示。没有其他的CSS。仅限 Yahoo 的 PureCss。

这是我的代码:

0 投票
1 回答
192 浏览

html - CSS:悬停时的目标不是点击

我有一个滑块,效果很好。但是,我有一个小问题。当我将鼠标悬停在其中一个上时,我想更改滑块图像<li>,而不是单击它们时。

这可能吗?我找到了这个链接,但也许已经有一些新样式可用了?

0 投票
2 回答
162 浏览

html - 定位复杂,需要纯CSS解决方案

经过两天的思考、尝试和尝试绝对定位、内联/内联块显示、弹性显示等......我仍然没有找到问题的答案 - “如何设置时间戳的标签位置,显示在下面的截图,纯CSS?”。

在此处输入图像描述

条件:

  1. 时间戳宽度可以从最小宽度 60px 到最大宽度 100% 的父块(父块具有最大宽度值并向右浮动)
  2. 如果时间戳小于 100%(例如 50%),它左边的空间应该用文本填充,并且时间戳总是向右对齐
  3. 如果文本和时间戳小于父母最大宽度 - 它们显示在单行上(如屏幕截图上的第一条和第二条消息)
  4. 如果时间戳不能与文本放在一行中 - 它会下降并向右对齐
  5. 如果文本不能放在一行中(如屏幕截图中的第 3 条消息),则会在第二行显示一个时间戳,向右对齐,并且不会阻塞其上方的空间

到目前为止,我只能使用 JS 来实现它,但我相信它可以使用纯 CSS 来实现。

UPD:我为你们添加了一个沙箱示例,带有粗略的代码,如果你想帮助我http://jsbin.com/gatifevowu/2/edit?html,css,output

0 投票
1 回答
196 浏览

javascript - 标签文本与纯 CSS 选择混淆

PLNKR 问题示例

标签上写着 Group By,但由于某种原因,这些字母都被叠加了。

这是HTML:

如果我不使用 Pure CSS 库,问题就会消失。无论如何我可以在保持纯 CSS 的同时不搞乱标签字体吗?

0 投票
0 回答
60 浏览

pure-css - 我不想在纯 CSS 框架中使用 normalize.css。我猜 normalize.css 包含在基本模块中。我该怎么做?

我是纯 CSS 框架的初学者。根据我的要求,我不想在其中包含规范化 css。我猜 normalize 在纯 CSS 模块(基础)之一中可用。我该怎么做?

0 投票
3 回答
364 浏览

html - :hover 样式在 div 上,带有不触发的图像

我一直在尝试使用纯 css 在网站上制作覆盖悬停效果

但是当我将鼠标悬停在覆盖不会触发的 img 上时,我遇到了问题。我知道我必须以不同的方式做,但现在不要这样做。CSS:

0 投票
1 回答
225 浏览

html - Purecss 路线图和项目状态

有人知道 Purecss 框架的项目状态吗?从他们的博客和 github 来看,这似乎是一个死项目。

0 投票
2 回答
1668 浏览

css - PureCss 响应式图像

我只是想用 purecss 做我的第一页,我现在被困在使用 pure-img 来获得响应式图像,当我缩小屏幕但当屏幕变大并且图像应该时图像是响应式的为了从原始尺寸增加,它们只是保持原始尺寸不变。

你能帮我么 :)

0 投票
2 回答
609 浏览

html - 为什么我的 Pure.css 子菜单在点击时没有显示?

根据Pure.css 文档,当我单击时应该会出现一个下拉菜单Option3,但它没有。为什么?

0 投票
1 回答
65 浏览

html - 为什么添加这个组件会破坏很多东西?(很多东西将在下面定义)

我有如下所示的 3 个组件:

新闻提要组件

用户活动item.component

用户活动列表组件

两个用户活动组件都在新闻源组件的子目录中。此外,用户活动项目只是用户活动列表的成员。

一切正常,直到我将组件选择器cg-user-activity-list添加到news-feed.component.html文件。

添加该行后,我导航到的路线会显示 news-feed.component.html 中的文本,但活动列表永远不会显示。此外,由于某种原因,URL 栏中的路由很快显示出来,就像它成功到达页面一样,然后返回到上一个路由(但停留在我想要的页面上)。

我对 Angular2 还是很陌生,所以我希望有人能立即发现我的错误,但我已经看了几个小时,还没有发现问题所在。

这是我的文件:

新闻提要.component.ts

新闻-feed.component.html

用户活动.item.component.ts

用户活动.item.component.html

用户活动.list.component.ts

user-activity.list.component.html

如果我需要发布有关该项目的更多信息,我可以,但它相当大,所以我不能 100% 确定我需要发布什么才能让别人看到问题。


附加信息。