我正在阅读PHP手册,我遇到了类型杂耍
我很困惑,因为我从未遇到过这样的事情.
$foo = 5 + "10 Little Piggies"; // $foo is integer (15)
Run Code Online (Sandbox Code Playgroud)
当我使用这个代码时,它返回我15,它加起来10 + 5,当我使用is_int()它时返回我的真实即.1在我期待错误的地方,它后来引用了String conversion to numbers我读到的地方If the string starts with valid numeric data, this will be the value used. Otherwise, the value will be 0 (zero)
$foo = 1 + "bob3"; /* $foo is int though this doesn't add up 3+1
but as stated this adds 1+0 */
Run Code Online (Sandbox Code Playgroud)
现在,如果我想将10只小猪或bob3视为一种string而不是一只,我该怎么办int?使用settype()也不起作用.我想要一个我无法在字符串中添加5的错误.
假设我的p元素或div元素有一个大约10-15行的文本,现在我的客户端对此有一个奇怪的调用,他需要具有不同文本颜色的奇数/偶数行.比较第1行 - 黑色,因此第2行应为灰色,第3行应为黑色,依此类推......
所以我决定使用范围的,改变颜色,而是可变分辨率在这里杀的东西,是知道的的:first-line选择(这将不会在这种情况下很有用),也选择像:odd和:even会我不使用表来这里排除了,所以有什么方法可以使用CSS实现这一点,还是我需要使用jQuery?
TL; DR:我想在段落或div中定位奇数/偶数行
我需要一个CSS解决方案,如果没有,欢迎使用jQuery和JavaScript
好的,这是一个简单的测试用例
我正在尝试的是,如果我们使用属性来设计元素(我知道哪个是非常糟糕的主意,但我是为了实验而做的)
那么问题是CSS基本元素选择器样式比HTML属性更具体吗?
有点儿 CSS - 1 / HTML - 0 <!-- Specificity -->
如果 CSS not used, HTML - 1 <!-- Specificity -->
测试用例HTML
<table border="1">
<tr>
<td>Hello 1</td>
<td>Hello 2</td>
<td>Hello 3</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
CSS
table, table td {
border: 0;
}
Run Code Online (Sandbox Code Playgroud)
因此整体CSS特定于HTML而不是造型?或者我们可以使用除属性之外的style属性覆盖CSS .
最近对这里的一个问题进行了辩论,答案中的用户表示ID开头的数字在HTML5中是可以接受的,那是真的吗?我没有看到关于这个主题的任何相关文档,他也在这里给我提供了这个答案的链接,但似乎相关链接已不复存在.
所以问题是,HTML5允许ids以数字开头吗?
现在可以肯定这在CSS中失败了 -
<div id="5hello">Fails Completely</div>
#5hello {
color: red;
}
Run Code Online (Sandbox Code Playgroud)
更新:我甚至不确定,HTML5允许id's从一个数字开始,只是声明id一个元素是不够的,因为HTML本身不是一个问题,但是使用<!DOCTYPE html>其他技术如CSS和JavaScript与id一起开始使用no.?我确定CSS失败了,没有用JavaScript测试,但我相信它也会失败.
我有以下用于HTML的用例
I've two div element with background red and blue. The blue div is added later of which a part overlaped with red div.
I have the option of "send to back" which sends the selected div to back of other div.
If I apply this to blue div and select blue div it should look like below image

基本上我想要的MINIC功能Arrange --> Order --> Send to back的Google Presentation
我确实尝试z-index过没有成功.我可以使用background-gradient重叠的部分,blue div transparent但这会侵犯我想要避免的一些计算.
如何在HTML中实现这一点? …
我有这个
<div>
<input id="clearBtn__id_" username="_id_" type="button" name="clear_btn" class="clear_btn" value="Clear" />
<input class="minimize" value="_" type="button">
<input class="close" value="x" username="_id_" type="button">
</div>
Run Code Online (Sandbox Code Playgroud)
我想在每个输入之间有5个像素的空间,我想将它设置为1px.
我尝试使用保证金和填充没有成功:任何线索?
reagrdfs
为什么我的css圈不顺畅?
如果我做一个HTML5 Canvas它真的很好.
<div id="circle"></div>
<style>
#circle {
width: 100px;
height: 100px;
background: red;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
border:4px solid blue;
}
</style>
Run Code Online (Sandbox Code Playgroud)
使用Chrome和最新的IE浏览器
请注意,极右上角左下方的点显得平坦.
我有 3 个表单元素
<select name="closing_date[]"></select>
Run Code Online (Sandbox Code Playgroud)
这些是生成的,所以无法添加类或 id,我的 css 不执行任何操作
select[name=closing_date] {
width: 33% !important;
background: red;
}
Run Code Online (Sandbox Code Playgroud) 对于以下锚文本不居中。如果我将锚点的显示从 flex 更改为块,则文本居中。为什么是这样?
到目前为止,我只在 Chrome 上测试过。
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit- box-sizing: border-box; box-sizing: border-box;
}
ul {
display: flex;
flex-flow: row wrap;
padding: 0;
width: 40%;
margin: auto;
border: 1px solid gold;
}
li {
list-style-type: none;
}
a {
background: grey;
width: 200px;
border: 1px solid red;
text-align: center;
display: flex;
}
Run Code Online (Sandbox Code Playgroud)
我有两个div
<div>abc</div>
<div>def</div>
Run Code Online (Sandbox Code Playgroud)
用css作为这个
div{
display:inline-block;
padding:0px;
margin:0px;
}
body{
padding:0px;
margin:0px;
}
Run Code Online (Sandbox Code Playgroud)
我怎样才能消除第一和第二div之间的差距/空间
css ×8
html ×5
css3 ×2
html5 ×2
javascript ×2
attributes ×1
flexbox ×1
jquery ×1
php ×1
z-index ×1