15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 js

在元素很多的界面中使用选择器要注意的地方

李家霖| 发布于 2021-07-09 22:11:55| 525阅读| 0点赞| 0评论
举报

嵌套的选择与并不具体的选择容易出问题

	<view class="wrap">
		<view class="box1"></view>
		<view class="box2"></view>
		<view class="box3"></view>
		<view class="box4"></view>
		<view class="box5"></view>
		<view class="box6"></view>
		<view class="box7">
			<view></view>
		</view>
	</view><br/>

在这个界面中有一个大的元素包含了许多小的元素   

可以使用选择器来将其中所有的元素给设置同一个样式

	.wrap view{
		background-color: red;
	}

其中的所有的元素都有了一个样式  表示下方所有的view都设置了背景为red

但是这样做选择的并不具体  如果.box7 下方的view这个元素并不想设置red这个颜色   那么只好是重新的设置一个单独的样式来覆盖掉之前统一设置的样式 ;

同时设置的时候还要注意选择器的权重等级 要高于 .wrap view 才可以设置上独立的背景颜色,这个简单的页面很容易发现问题并修改,但是在实际的开发中并不会这么简单,会有很多的嵌套关系  可能在 .wrap 中的某一个view莫名其妙的就设置了背景颜色 这时候再去修改会很麻烦。

除非是统一的样式可以使用以上较大范围的选择:    XXX  下的所有的 XXX   这样的格式 ,

一般还是使用一些较为具体的选择,可以避免莫名其妙的属性

<font size="4">     .wrap view 较大范围的选择</font>     <span style="font-family: 微软雅黑;"> .wrap .box1 具体的选择</span><font size="4"><br/></font>
0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

李家霖
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部