在我的课堂上,我一直在玩,发现CSS可以使用虚构的元素.
例:
imsocool {
color:blue;
}Run Code Online (Sandbox Code Playgroud)
<imsocool>HELLO</imsocool>Run Code Online (Sandbox Code Playgroud)
当我的教授第一次看到我使用它时,他对组成元素的工作有点惊讶,并建议我只需将所有组成元素更改为带ID的段落.
为什么我的教授不想让我使用化妆元素?他们有效地工作.
此外,为什么他不知道组成元素存在并使用CSS.它们不常见吗?
我有一个表,我通过一个不存在的CSS类显示/隐藏jQuery的完整列:
<table>
<thead>
<tr>
<th></th>
<th class="target"></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td class="target"></td>
<td></td>
</tr>
<tr>
<td></td>
<td class="target"></td>
<td></td>
</tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
有了这个DOM,我可以通过jQuery在一行中完成这个: $('.target').css('display','none');
这非常有效,但是使用未定义的CSS类是否有效?我应该为它创建一个空类吗?
<style>.target{}</style>
Run Code Online (Sandbox Code Playgroud)
是否有任何副作用或有更好的方法来做到这一点?
我正在尝试<main>使用CSS 设置元素的宽度.只是用
main {
width:200px;
}
Run Code Online (Sandbox Code Playgroud)
除了Internet Explorer(Edge确实有效)之外,所有浏览器都可以正常工
看一下这个例子:JSfiddle
IE11的结果:
Chrome中的结果:
我有一个名为的自定义HTML5标记<scroll-content>.实际上,我的HTML文件中的某些位置的框架会为我创建并插入此标记.现在我想修改这个标签的CSS,所以在我的CSS文件中我去了:
scroll-content{
overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)
它做了它应该做的,但这是设计自定义标签的正确方法吗?
我不能为它们添加一个类,因为我没有创建标签,框架没有,所以我无法在我的代码中访问它们,我想避免使用Javascript来查找这些标签并以这种方式添加类.
我更愿意了解修改自定义标签的标准/最安全的方法.