CSS继承样式定义方法

S最渺小的自己

S最渺小的自己

2016-02-19 16:12

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享CSS继承样式定义方法,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

继承样式定义方法,这样写的好处可以节省网页的代码容易真正的代码与内容相分离,对seo优化也有很大的帮助,下面我们来看一个简单的实例.

style
.nav ul li a:hover{
background:url(imgs/hover.gif) left top no-repeat;
}

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

.nav ul li{
 height:28px;
 width:100%;
}

.nav ul li a{
display:block;
height:28px;
width:100%;
margin:10px 0 0 0;
}
/style

div id="mqshownav" class="nav"
  ul
 li a href="gdzs.php"/a/li
 li a href="tscj.php"/a/li
 li a href="zdhdtp.php"/a/li       
 /ul
/div

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

这是不是少了很多class=N之类的东东,代码看上去简洁多了

展开更多 50%)
分享

猜你喜欢

CSS继承样式定义方法

Web开发
CSS继承样式定义方法

CSS样式表定义标签li前面样式

Web开发
CSS样式表定义标签li前面样式

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS定义hr分割线的样式

Web开发
CSS定义hr分割线的样式

CSS定义HR水平线的几种样式

Web开发
CSS定义HR水平线的几种样式

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JS控制CSS样式的方法

Web开发
JS控制CSS样式的方法

CSS样式表中继承关系的空格与不空格

Web开发
CSS样式表中继承关系的空格与不空格

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS样式命名规则及参考命名标准

CSS样式命名规则及参考命名标准

WPS文字制作象棋棋局教程

WPS文字制作象棋棋局教程
下拉加载更多内容 ↓