Tag: html

为什么.class：最后一个types不工作？: 为什么这不起作用？ http://jsfiddle.net/84C5W/1/ <style> p{ display : none; } p.visible:last-of-type { display : block; } </style> <div> <p class="visible">This should be hidden</p> <p class="visible">This should be displayed</p> <p class="">This should be hidden</p> </div> 事实上，我的<p>中没有一个是可见的。如果我在样式表中删除对“.visible”的引用，这会显示div中的最后一个<p>，但这不是我想要的。当然，我一直只能保留一个“.visible”，但这是为了揭示.js的演示文稿，我没有控制javascript。只有样式表… 编辑：好的，很明显.class：最后types不起作用。正如@Justus Romijn所说：最后一类伪类只是为了select元素而devise的（在我看来这是非常有限的，并且把这个特定的伪类放在一个或多或less的无用状态）。无论如何，我想在这一点上重申我的问题：如何selectdiv中的最后一个元素与类“.visible”？我不想为此使用Javascript。

如何在bootstrap中添加汉堡菜单: 我需要一些帮助的引导程序导航。我希望通过手机上的汉堡图标来切换。这里是codepen： http ://codepen.io/sadman/pen/hfGwv HTML代码： <nav class="navbar navbar-inverse navbar-static-top" role="navigation"> <div class="container"> <ul class="nav navbar-nav"> <li><a href="index.php">Home</a></li> <li><a href="about.php">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#">Blog</a></li> <li><a href="contact.php">Contact</a></li> </ul> </div> </nav> 我的自定义CSS： .navbar, .navbar-inverse { border-radius: 0; border: none; margin-bottom: 0; min-height: 80px; } .nav li { display: inline; color: white; } .navbar-inverse .navbar-nav > li > […]

通过儿童点击父母点击: 我有一个<div>元素，它有另一个<div>元素作为它的子元素。我将ng-click指令添加到父项，并且期望在单击该子项时不会被触发。但是，它呢。 <div class="outer" ng-click="toggle()"> <div class="inner">You can click through me</div> </div> 为什么这样做，我怎么能避免它？这是一个展示问题的JSFiddle

如何在自举3中包含glyphicons: 我以前没有使用任何引导框架。我想在我的页面上的bootstrap 3中包含一些glyphicons。根据我的理解，他们应该包含在我已经添加到我的页面的bootstrap.css文件中。当我看了bootstrap.css文件，但是我没有看到任何对它们的引用？虽然它的一个大文件，我可能错过了一些东西。我注意到，当我打开从bootstrap 3下载的dist文件夹时，有一个单独的文件夹fonts包含名为的文件： glyphicons-halflings-regular.eot glyphicons-halflings-regular.svg glyphicons-halflings-regular.ttf glyphicons-halflings-regular.woff 看起来像这是glyphicons的地方，但我不知道如何将这些附加到我的网站？如何将glyphicons附加到我的页面？提前感谢您的帮助下面的代码显示了附加的bootstrap.css文件： <!DOCTYPE html> <html> <head> <title>Bootstrap example</title> <meta name="viewport" content="width=divice-width, initial-scale=1.0"> <!– Bootstrap –> <link href="bootstrap.css" rel="stylesheet" media="screen"> </head> 这里是html代码的部分显示glyphicons应该是： <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li> <li><a href="#"><span class="glyphicon glyphicon-star"></span> Top Destinations</a></li> <li class="dropdown"> […]

如何定位左侧的div滚动条？: 是否可以指定一个位置（左侧或右侧）的垂直滚动条放置在一个div？例如看看这个页面，它解释了如何使用overflow属性。有什么方法将滚动条放置在可滚动区域的左侧？

替代<blink>: <blink>标记从来不是官方的标准，现在已经被所有的浏览器完全抛弃了。有没有符合标准的文字闪烁方式？

翻转/反转/仅使用CSS镜像文本: 我做了一些Googlesearch，这是我的答案 <!–[if IE]> <style> .mirror { filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1); } </style> <![endif]–> <style> .mirror { display:block; -moz-transform: matrix(-1, 0, 0, 1, 0, 0); -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); -o-transform:matrix(-1, 0, 0, 1, 0, 0); } </style> <div class="mirror">testing</div> 这里唯一的问题是镜像的中心不是对象的中心，所以也许我们需要一些JavaScript来移动我们想要的对象。

如何在HTML / CSS中制作一个稳定的两列布局: 我想要一个两列的容器。细节：容器宽度应该调整到其父元素的100％（很容易完成）。高度必须调整以包含两列（即其高度应该完全等于两列的较大高度，所以没有溢出，滚动条从不显示）应该有一个最小的大小等于左列的宽度的两倍。一般的列应该是不同的高度，适应其内容的高度。应该是并排的，这样它们的顶部边缘是一致的。如果边界，填充或边界的任何一个像素都应用于任何一个像素，则不应该破坏布局或将其相互包裹，否则将会非常不稳定并且不幸。左栏专门必须以像素为单位具有固定的绝对宽度。具体的右栏宽度必须填充容器中的剩余空间。换一种说法… 宽度必须等于容器宽度减去左列的宽度，这样，如果我在此列中放置一个DIV块元素，请将其宽度设置为100％，给它一个像10px之类的高度，并给它一个背景颜色，我会看到从左列的右边缘到容器的右边缘的10px高的彩色条（即填充右列的宽度）。要求的稳定性容器应该能够调整（通过调整浏览器窗口的大小）到其最小宽度（前面指定），或者调整到更大的宽度，而不会破坏布局。 “打破”将包括左列改变的大小（记住它应该有一个固定的像素宽度），右列包装在左边，出现滚动条，右列中的块元素没有占用整个列宽，并且一般来说任何上述规格都不能保持真实。背景如果使用浮动元素，那么右边的列将不会包含在左边的列中，容器将不能包含这两列（通过裁剪列的任何部分或允许列的任何部分溢出其边界），或者滚动条会出现（所以我会厌倦了build议使用除溢出以外的任何东西：隐藏触发浮动元素的遏制）。对列应用边框不应该破坏布局。列的内容，尤其是右列的内容不应该破坏布局。似乎有一个简单的基于表格的解决scheme，但在任何情况下，它都惨败。例如，在Safari中，如果容器太小，我的固定宽度的左列将缩小，而不是保持我指定的宽度。 CSS宽度当应用于TD元素时，也指的是最小宽度，这样，如果放置更大的东西，它将会扩大。我试过使用table-layout：fixed; 没有帮助。我也看到了代表右列的TD元素不会扩大以填充剩余区域的情况，或者它会出现（例如，第三列1px宽将一直推到右边），但是在右栏放置一个边框将显示它只与内联内容一样宽，宽度设置为100％的块级元素不会填充列的宽度，而是匹配内联内容的宽度（即TD的宽度似乎完全依赖于内容）。我所看到的一个可能的解决办法太复杂了，只要IE8，Firefox4和Safari5能够工作，我就不会在意IE6。

如何查找网页上次更新的时间？: 有没有办法找出自网页更改以来已经过去了多less时间？例如，我有一个页面托pipe在： www.mywebsitenotupdated.com 有没有办法找出这个HTML页面上传到服务器？非常重要的是，我没有访问服务器; 只是一个网页的链接。

使一块文本不破？: 说我有这样的一段文字您好，我是一些文本您好，我是一些文本您好，我是一些文本您好，我是一些文本我不希望在新行上被打破考虑上面的段落。如果可能的话，我希望粗体的部分不会被打破。如上所述，如果需要滚动条或其他东西的话，我希望它会被中断，但如果可以在该段文本之前或之后插入分页符，则不会中断，以便它可以放在一行上。这怎么可能？我已经尝试了诸如page-break-inside类的东西，但似乎并没有在firefox中做任何事情。