Ask about the separation of structure and style of OOCSS rules

separate structure from style

Independent structure and style (skin) rules (Separate structure and skin)

.metadata{font-size:1.2em; text-align:left; margin:10px 0;}
.metadata{        
    font-size:1.2em; 
    margin:10px 0;
    
    /**/
    width:500px; 
    background-color:-sharpefefef; 
    color:-sharpfff;
}

We should not create style rules such as "border,width,height,background" for styles, otherwise it will cause misery when used in different containers

the basic component "meta data" created earlier becomes a specific component, which is difficult to reuse in other containers, thus losing our purpose of using OOCSS in the first place

https://www.w3cplus.com/css/o.
is the desert"s description of the separate structure and style of oocss rules, but there is no clear distinction between what belongs to structure and what belongs to style (skin), so ask everyone

Node.js javascript html5 css

Mar.14,2021

but there is no clear distinction between what belongs to structure and what belongs to style (skin), so ask everyone

is the same belongs to the structure, different belongs to the skin, the skin is no matter how you want to change it.
in OO person is a object 1 , and man is a object 2 that inherits person .
in OOCSS , person is an object, and male is a skin. But it does not have to be divided in this way, in fact, it is not. For example, your needs may be men is an object, Man and Niang are skins, so this is a matter of granularity. If you don't have that need, you can't have to break it down into countless small objects.

We should not create style rules like "border,width,height,background" for styles

therefore, this sentence is actually a suggestion, and it is difficult to make a clear distinction.

this should be defined with reference to specific projects, rather than being generalized.
to put it simply, according to the definition of the data model in the project, what belongs to the data model is the structure, in addition, the control properties used for the data model display belong to the style.

Previous: Vue picture does not display the problem?

Next: How does the table component of antd reasonably control the width of each column?

Ask a question about css breaking the form? Thank you
ask a question about css breaking the table on this node? Thank you as shown in the picture. I erased the text, formatted it and stretched it out. As follows: http: www.yiyuanzhaopin.com . http: www.yiyuanzhaopin.com . above is the source cod...

Python node.js javascript html5 css

Mar.07,2021

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b32288-2b63c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b32288-2b63c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?