css中给指定元素设置样式表的问题

Posted 2023-05-10

<style type="text/css">
fieldset.login input
width:125px;

</style>

<fieldset class="login">
<legend>Login Information</legend>
<label for="username" class="hover">Username</label>
<input type="text" id="username" class="required text"/>

<label for="password" class="hover">Password</label>
<input type="password" id="password" class="required text"/>
</fieldset>

这儿给input元素设置样式表时，为什么能使用父元素的类作为限定范围？？？

参考技术A 不然为什么要在html里加那么多class？目的就是要通过父级去限定范围，不至于每设定一个CSS会影响所有的页面样式追问

这是为了和js中通过className匹配元素

追答

如果纯粹是为了JS第一选择是ID而不是class，所以添加class是肯定是为了更好地写CSS

参考技术B 如果你没有对子元素进行样式设置，有些样式会自动继承父元素的样式。 参考技术C 可以的，这样做的好处增加权重 参考技术D 因为这是继承的关系

input 在<fieldset ></fieldset>的包含之内啊

zepto中给不存在的元素设置样式并绑定事件的坑

 在移动端使用zepto选择器时，一般如果元素不存在会返回一个空的zepto对象。

 

 zepto在设置元素样式时，提供了两个入参方式，一种键值对方式$(".ter").css({"height":100})，一种普通入参$(".ter").css("height",100); 使用前者设置样式时，如果元素不存在则返回undefined，使用后者的话则返回一个空的zepto对象。这种情况会在使用连式操作时有区别。上一步返回的是undefined的话，继续级联操作会有异常。