面向对象CSS FAQ[译]（3）
作者：ytzong 发布时间：2009-10-27 15:59:00
标签：面向对象,css,对象,OOCSS
可以修改文件，或者用我自己的样式重写吗？
我不会修改grids, template, 或者 libraries。大量测试表明这些已恰到好处。如果要自定义，考虑下面的扩展基本对象。
粉红不是我要的颜色！怎么处理content.css？
获取你会想要修改content.css。去吧，改颜色，字体大小，大小写。只需注意这个文件在快速发展，同时我还没有任何文档来说明如何正确的处理。我会这么做，我保证。
我需要不只6种标题（h1~h6），如何增加？
如果需要不只6中标题样式，通过添加一个新class来扩展标题对象。
.category{font-size:108％; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
不要这样做：
#mySaleModule h2, #mySaleModule .h2{font-size:108％; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
如何扩展对象？
如果要扩展对象，比如一个160px的左列，而非默认值，你可以再列上增加额外的class。
<div class="leftCol gMail"> ... </div>
如果默认值和扩展的列宽或者页面不适合你的站点，你可以扩展列来实现自定义的宽度。
列
myColumn 扩展列对象来实现自定义列宽。
.myColumn{width:400px;}
HTML
<div class="leftCol myColumn"> ... </div>
不要通过重写我的class来实现，而应扩展此框架提供的对象。我提供了列，标题及其他对象。你可以通过增加另外的class（只指定与我的基本对象的不同点）来扩展这些对象。相对而言此处混合比较好。
不要这样做（因为更新我的框架时会有些麻烦）：
.leftCol{… 此处自定义CSS …}
没有用到的样式。我的站点没有160px的gmail式的列，可以移除吗？
当然。移除对象或扩展对象非常合理。只需注意在站点发展时，很难预料到其他人用你的CSS创建的什么样的HTML。过早优化很危险。
0
投稿猜你喜欢
- 完美解决“换另一台电脑上用VS2008继续开发web项目时出现 “System.Runtime.InteropServices.COMExc
- 下面先看下python 使用值排序字典的方法In [8]: a={'x':11,'y':22,'c&
本文实例讲述了Python实现的IP端口扫描工具类。分享给大家供大家参考，具体如下：去年服务器老是被攻击，每次上线之后，上线的人急急忙忙下班- 子查询-嵌套查询子查询是指一个查询语句嵌套在另一个语句内部的查询原始查询方法SELECT last_name,salaryFROM empl
- 在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式： 1.一种为使用eval()函数。 2. 使用Function对象来进行返
- 颜色搭配是件头疼的事，工作空隙，利用range做个简单的手动调色，可得到rgb值和相应的十六进制色值。因为用到range标签，建议使用搜狗、
- 前段时间参加了一个表盘指针读数的比赛，今天来总结一下数据集一共有一千张图片：方法一：径向灰度求和基本原理：将图像以表盘圆心转换成极坐标，然后
- 摘要在这篇文章里，我将以反模式的角度来直接讨论Django的低级ORM查询方法的使用。作为一种替代方式，我们需要在包含业务逻辑的
- 1、合并列表（extend）跟元组一样，用加号（+）将两个列表加起来即可实现合并：In [1]: x=list(range(1, 13, 2
- 一、环境pip install opencv-pythonpython3.9pycharm2020人狠话不多，直接上代码，注释在代码里面，不
- 一、APC缓存简介APC，全称是Alternative PHP Cache，官方翻译叫”可选PHP缓存”。它为我们提供了缓存和优化PHP的中
- html部分<!DOCTYPE html><html lang="en"><head>
- 如下所示：区别ArrayTensor类型uint8，float32系列{}各类型相互转换uint8转float64：image = imag
- 目录进程和线程Python的多进程进程池多进程间的数据通信与共享Python的多线程多线程间的数据共享使用queue队列通信-经典的生产者和
- 本文实例为大家分享了python批量读取文件名并写入txt中的具体代码，供大家参考，具体内容如下先说下脚本使用的环境吧，在做项目的过程中需要
- 语法格式：row_number() over(partition by 分组列 order by 排序列 desc)row_num
- 前言最近在用python写一个项目，发现一个很恶心的bug，就是同由一个类生成的两个实例之间的数据竟然会相互影响，这让我非常不解。后来联想到
- index_selectanchor_w = self.FloatTensor(self.scaled_anchors).index_sel
- 注：使用这个脚本需要安装scapy 包最好在linux平台下使用，因为scapy包在windows上安装老是会有各种问题#coding:ut
- 一、问题分析runtimeError: package fails to pass a sanity check解决方法如下：解决一：使用p
