草庐IT

CSS-Grid-Cell

全部标签

html - 仅在 css 展开另一个元素时折叠一个元素

我有asp.net网站。由于某种原因,我无法在我的代码中使用javascript。我使用此代码创建一个可扩展表:html,body,form{margin:0auto;padding:0;text-align:left;height:100%;top:0;bottom:0;overflow:hidden;}tr:nth-child(even){background:#F5F5F5;}tr:nth-child(odd){background:#DCDCDC;}tr:hover{background-color:#D3D3D3;}.toggle-box{display:none;}.tog

html - 有没有办法让 HTML 代码独立于 CSS 类名的变化?

我正在使用TwitterBootstrap3有一段时间,但现在TwitterBootstrap4来了。和新TwitterBooststrapcomeswithsomechanges,比如重命名.table-condensed至.table-sm例如。为了将来可能从当前版本迁移到future版本,有没有办法使HTML代码独立于CSS类名的更改?例如,如果我有.table-condensed类,有没有办法创建我自己的类table-small并从现有的TwitterBootstrap创建它的类(class)table-condensed?类似于(伪代码):.table-small{join(

html - 有没有办法让 HTML 代码独立于 CSS 类名的变化?

我正在使用TwitterBootstrap3有一段时间,但现在TwitterBootstrap4来了。和新TwitterBooststrapcomeswithsomechanges,比如重命名.table-condensed至.table-sm例如。为了将来可能从当前版本迁移到future版本,有没有办法使HTML代码独立于CSS类名的更改?例如,如果我有.table-condensed类,有没有办法创建我自己的类table-small并从现有的TwitterBootstrap创建它的类(class)table-condensed?类似于(伪代码):.table-small{join(

html - 悬停在父级上不会影响标记标签 CSS

如何将父容器(例如div或anchor)的悬停样式应用到标记标签?我知道这是嵌套在像span这样的父元素中的其他元素的默认行为。但是,当我使用标记标签时它对我不起作用。这里有三个例子,1)divwithmark,2)anchorwithmark,3)anchorwithspan。如果您将鼠标悬停在父级上,但悬停在子级外部,则会更改跨度,但不会更改标记。OutsidedivinsidemarkOutsideanchorinsidemarkOutsideanchorinsidespanhttps://jsfiddle.net/ku6drqt5/我很想知道mark标签有什么特别之处阻止了它的

html - 悬停在父级上不会影响标记标签 CSS

如何将父容器(例如div或anchor)的悬停样式应用到标记标签?我知道这是嵌套在像span这样的父元素中的其他元素的默认行为。但是,当我使用标记标签时它对我不起作用。这里有三个例子,1)divwithmark,2)anchorwithmark,3)anchorwithspan。如果您将鼠标悬停在父级上,但悬停在子级外部,则会更改跨度,但不会更改标记。OutsidedivinsidemarkOutsideanchorinsidemarkOutsideanchorinsidespanhttps://jsfiddle.net/ku6drqt5/我很想知道mark标签有什么特别之处阻止了它的

html - 我可以使用纯 CSS 堆叠重叠的元素吗?

是否可以在容器中放置未知数量的元素,以便在容器不够大时看起来像堆叠在一起?我正在尝试仅使用HTML和CSS来执行此操作。如果parent比child大,这是它的样子。这是当有更多child占据parent时我试图完成的事情(填充颜色以显示堆叠顺序):有些东西我看了但没有运气(也许我错过了什么或者不是那么好):CSS计数器-仅适用于内容属性将子级div相互嵌套(如Inception)CSSflexbox-它只会包裹或收缩下面是我正在尝试做的事情:http://codepen.io/vickyleong/pen/VaPBYg.尝试调整窗口大小。注意:children是正方形,但是有重叠堆叠

html - 我可以使用纯 CSS 堆叠重叠的元素吗?

是否可以在容器中放置未知数量的元素,以便在容器不够大时看起来像堆叠在一起?我正在尝试仅使用HTML和CSS来执行此操作。如果parent比child大,这是它的样子。这是当有更多child占据parent时我试图完成的事情(填充颜色以显示堆叠顺序):有些东西我看了但没有运气(也许我错过了什么或者不是那么好):CSS计数器-仅适用于内容属性将子级div相互嵌套(如Inception)CSSflexbox-它只会包裹或收缩下面是我正在尝试做的事情:http://codepen.io/vickyleong/pen/VaPBYg.尝试调整窗口大小。注意:children是正方形,但是有重叠堆叠

html - 如何在CSS中将图标和标题放在同一行

我想像这样将图标和标题放在同一行:但我还是这样:代码:.icon-smalli{height:38px;width:38px;color:#fff;background-color:#888;border-radius:10%;text-align:center;vertical-align:middle;padding-top:12px;}.icon-small+p{margin-top:15px;}.icon-smallh4,.icon-smallh5{text-align:left;}WebapplicationsMobile&TabletsReadyPowerful,fasta

html - 如何在CSS中将图标和标题放在同一行

我想像这样将图标和标题放在同一行:但我还是这样:代码:.icon-smalli{height:38px;width:38px;color:#fff;background-color:#888;border-radius:10%;text-align:center;vertical-align:middle;padding-top:12px;}.icon-small+p{margin-top:15px;}.icon-smallh4,.icon-smallh5{text-align:left;}WebapplicationsMobile&TabletsReadyPowerful,fasta

html css 下拉菜单

这是我第一次在StackOverflow发帖,我不熟悉发帖的论坛规定。所以请让我知道我做错了什么。我在论坛中研究了这个问题,但我遇到的任何问题都没有给我明确的答案。我正在尝试从“新闻”元素创建一个下拉菜单,但在运行代码时我从未得到任何可见的结果。我试图将.dropdown-content的display值更改为block以查看它是否会使列表可见,但没有任何显示。我错过了什么?body{ background-image:url("images/seamless-panda-bear-pattern.jpg"); font-size:100%; width:80%; margin:aut