CSS 类名的问题】的更多相关文章

在jquery中,你可以很容易的使用CSS类名和id类获取元素. 例如: 1.ID:#id $('#idA')——选择id为idA的所有元素,不管元素的标签名如何. $('div#idA')——选择id为idA的所有div标签元素. 2.Class:.classname $('.classB')——选择类名有一个为classB的所有元素,不管其标签名如何 $('div.classB')——选择类名问为classB的所有div元素. 标签的隐藏:$('#idA').hide(); 标签的显示:$(…
以下以数字开头的 CSS 类名不会生效: .1st{ color: red; } 一个合法的 CSS 类名必需以下面其中之一作为开头: 下划线 _ 短横线 - 字母 a-z 然后紧跟其他 _,- 数字或字母. 用正则表示,一个合法的 CSS 类名为: -?[_a-zA-Z]+[_a-zA-Z0-9-]* 另,根据 CSS 标准 中的描述,如果类名开头是短横线 -,第二个字符必需是下划线 _ 或字母,但实测发现,除了提及的两个,紧跟另一个短横线也是生效的. 以下是测试代码及结果: <p class…
问题 CSS 类或 ID 命名时单词间连接通常有这几种写法: 驼峰式: solutionTitle.solutionDetail 用横杠连接: solution-title.solution-detail 下划线连接: solution_title.solution_detail 应该采用哪种写法呢?选择的时候是出于个人习惯还是有别的考虑? 看了下豆瓣,美团,淘宝的源码,都是采用 solution_title 的写法. 我的回答 首先定个性,这是个纯粹的“代码风格”问题. 什么是“代码风格”问题…
本文的部分内容整理自我对此问题的解答: 命名 CSS 的类或 ID 时单词间如何连接? - 知乎 问题 CSS 类或 ID 命名时单词间连接通常有这几种写法: 驼峰式: solutionTitle.solutionDetail 用横杠连接: solution-title.solution-detail 下划线连接: solution_title.solution_detail 应该采用哪种写法呢?选择的时候是出于个人习惯还是有别的考虑? 看了下豆瓣,美团,淘宝的源码,都是采用 solution_…
一.过渡 动画 1.1简单的过渡动画使用 parent.vue [0]定义一个待显示的数据 [1]定义一个显示隐藏flag [2]使用动画过滤标签,name用来连接style样式:v-show用来控制数据显隐: [3]按钮监听事件来控制data的flag为true,或false以控制视图的显隐 :也可用函数来处理见methods里的sh函数 [4]可选,用来控制flag的true或false [5]html5控制动画效果的样式 <template> <div class="pa…
<style> .myColor{color:red;font-size:13px} .yourColor{color:green;font-size:34px}</style><div data-bind="style: { color:'red', fontWeight:'bold' }">...</div><!--分别写不同的CSS样式,当条件满足是就调用当前的css样式,其他的样式被忽略--><div id=&q…
CSS样式命名 说明 网页公共命名 #wrapper 页面外围控制整体布局宽度 #container或#content 容器,用于最外层 #layout 布局 #head, #header 页头部分 #foot, #footer 页脚部分 #nav 主导航 #subnav 二级导航 #menu 菜单 #submenu 子菜单 #sideBar 侧栏 #sidebar_a, #sidebar_b 左边栏或右边栏 #main 页面主体 #tag 标签 #msg #message 提示信息 #tips…
标签 abbr 缩写的标记 token-based-auth-backend  后端 token-based-auth-frontend  前端 signin 登陆  Sign in / Sign up  注册处理 Log in container wrap 容器  外部 promise       then 等待(pending).已完成(fulfilled).已拒绝(rejected) login 登录 isAuthorized  授权 auth 授权 row 行 col 列 md 中间 i…
` Document .box { color: rgba(255, 0, 0, 1) } .box .box2 { color: rgba(0, 128, 0, 1) } .box.box2 { color: rgba(255, 192, 203, 1) } 我是红色 我是绿色 我是粉色 ` .box { color: rgba(255, 0, 0, 1) } .box .box2 { color: rgba(0, 128, 0, 1) } .box.box2 { color: rgba(25…
addClass(class) — 为每个匹配的元素添加指定的类名.参数 : class — 一个或多个要添加到元素中的CSS类名,请用空格分开(String)示例 一 :为匹配的元素加上 'selected' 类HTML 代码:<p>Hello</p>jQuery 代码:$("p").addClass("selected");结果:[ <p class="selected">Hello</p> ]…