Maison > interface Web > tutoriel HTML > .clock div{position: absolute;border-style:solid;} 这个是啥意思,谁给说说吧, 不知道咋回事啊_html/css_WEB-ITnose

.clock div{position: absolute;border-style:solid;} 这个是啥意思,谁给说说吧, 不知道咋回事啊_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:25:54
original
2226 Les gens l'ont consulté

在网上找了个CSS做LED数字效果的例子,其中有两行的css:
.clock{font-size:12px;width:9em;height:14em;border:1px solid #ddd;position:relative;}
.clock div{position: absolute;border-style:solid;}

我的问题是在第二行中的,.clock div中的div是作什么用的,是一个标识符还是用来控件.clock的div还是有其他的什么用法, 求指教!


回复讨论(解决方案)

你这CSS也有点。。。。。。。

这是最基本的CSS选择器啊。

.clock div

前面那个是选择class="clock"的所有标签,不会考虑是哪个标签的,只要标签中,class="clock"就可以。

后面那个是在前面选择到的标签的基础上,求所有的标签为div的子元素。


      
   //这个会被选中
      
   //这个也会被选择。


      
  //这个不会被选择。


还有很多方法,建议先查看CSS的基本知识

好的, 多谢了, 
很少写BS项目, CS做的比较多, 
按你的意思.clock div{position: absolute;border-style:solid;}, 是应用到class=clock里面所有div的标签是吧, 刚刚查看了些资料,和你说的有点接近了, 还是你的比较通俗。。。

能追问个东西不,
 



这样引用样式是什么意思



懂了, 设置多个样式 ,

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal